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

package/lib/components/RecordButton/useRecordTake.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecordTake.js","names":["useEffect","useLayoutEffect","useRef","useState","Easing","ReduceMotion","cancelAnimation","runOnJS","useSharedValue","withDelay","withRepeat","withSequence","withTiming","EXIT_GESTURE","EXIT_NONE","EXIT_PREVIEW","EXIT_RELEASE","levelToAmplitude","useRecordCircleValues","DECELERATE","EASE_OUT_QUINT","LOCK_BOB_HALF_MS","useSendFlight","useRecordTake","t0","$","_c","mode","phase","levelStore","isCapturing","slideProgressValue","cancelSign","slideDistance","containerRef","isVoice","circle","enter","slide","slideProgress","exit","exitKind","sendMorph","showWaves","flight","fingerUp","lockedSV","isTakeSV","lockHide","lockHideTarget","lockTilt","pauseMorph","bob","lastReported","buttonShown","exitReasonRef","t1","t2","amplitude","isLive","apply","set","get","subscribe","undefined","t3","t4","isLocked","isRecording","isCircleMounted","setIsCircleMounted","wasRecordingRef","exitDoneRef","_temp","flightTarget","setFlightTarget","t5","current","duration","reduceMotion","System","t6","startFlightRef","flightCleanupRef","flightTimerRef","t7","t8","state","clearTimeout","easing","linear","reason","jsExitDone","onDone","finished","playRelease","t10","t9","t11"],"sources":["../../../src/components/RecordButton/useRecordTake.ts"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport { View } from 'react-native'\nimport {\n  Easing,\n  ReduceMotion,\n  SharedValue,\n  cancelAnimation,\n  runOnJS,\n  useSharedValue,\n  withDelay,\n  withRepeat,\n  withSequence,\n  withTiming,\n} from 'react-native-reanimated'\n\nimport { Store } from '../../store'\nimport {\n  EXIT_GESTURE,\n  EXIT_NONE,\n  EXIT_PREVIEW,\n  EXIT_RELEASE,\n  levelToAmplitude,\n  useRecordCircleValues,\n} from '../RecordCircle'\nimport { VoiceFlightTarget } from '../sendFlight'\nimport { DECELERATE, EASE_OUT_QUINT, LOCK_BOB_HALF_MS } from './constants'\nimport { RecordButtonPhase, TakeExitReason } from './types'\nimport { useSendFlight } from './useSendFlight'\n\ninterface RecordTakeOptions {\n  mode: 'voice' | 'video'\n  phase: RecordButtonPhase\n  levelStore?: Store<number>\n  isCapturing: boolean\n  slideProgressValue?: SharedValue<number>\n  cancelSign: number\n  slideDistance: number\n  /** The button's container, measured in the window for the send flight. */\n  containerRef: React.RefObject<React.ComponentRef<typeof View> | null>\n}\n\n/**\n * A take's life on screen: the circle and lock enter when it starts recording,\n * morph when it locks, and play the exit that matches how it ended - back into\n * the button, into the preview, collapsing, or flying to the sent message.\n */\nexport function useRecordTake ({\n  mode,\n  phase,\n  levelStore,\n  isCapturing,\n  slideProgressValue,\n  cancelSign,\n  slideDistance,\n  containerRef,\n}: RecordTakeOptions) {\n  const isVoice = mode === 'voice'\n\n  const circle = useRecordCircleValues()\n  const { enter, slide: slideProgress, exit, exitKind, sendMorph, showWaves, flight } = circle\n  // How far the finger is up, capped at the lock distance.\n  const fingerUp = useSharedValue(0)\n  const lockedSV = useSharedValue(0)\n  // 1 once the pan has become a take; 0 again once that take was handed off\n  // (released, cancelled mid-drag or locked), so finalize never fires twice.\n  const isTakeSV = useSharedValue(0)\n  // The lock drops away while the cancel slide is past 30%, on a timer rather\n  // than with the finger (`slideToCancelLockProgress`).\n  const lockHide = useSharedValue(0)\n  const lockHideTarget = useSharedValue(0)\n  const lockTilt = useSharedValue(0)\n  const pauseMorph = useSharedValue(0)\n  const bob = useSharedValue(0)\n  const lastReported = useSharedValue(1)\n  const buttonShown = useSharedValue(1)\n\n  // How the take in progress ended, as far as this button saw it; anything\n  // else (the bar's CANCEL, a time limit) leaves it null.\n  const exitReasonRef = useRef<TakeExitReason>(null)\n\n  // Each new level moves the circle straight from the store, ten times a second, without\n  // re-rendering the button.\n  useEffect(() => {\n    const isLive = phase === 'recording' || phase === 'locked'\n    const apply = () => circle.amplitude.set(isLive && levelStore ? levelToAmplitude(levelStore.get()) : 0)\n    apply()\n    return isLive && levelStore ? levelStore.subscribe(apply) : undefined\n  }, [phase, levelStore, circle.amplitude])\n\n  useEffect(() => {\n    showWaves.set(isCapturing ? 1 : 0)\n  }, [isCapturing, showWaves])\n\n  const isLocked = phase === 'locked'\n  const isRecording = phase === 'recording' || phase === 'locked'\n\n  // The circle stays mounted after the take ends until its exit has played.\n  const [isCircleMounted, setIsCircleMounted] = useState(false)\n  const wasRecordingRef = useRef(false)\n  const exitDoneRef = useRef(() => {})\n\n  const [flightTarget, setFlightTarget] = useState<VoiceFlightTarget | null>(null)\n\n  useLayoutEffect(() => {\n    exitDoneRef.current = () => {\n      setIsCircleMounted(false)\n      setFlightTarget(null)\n      // Back to the start, so the next take's first frame is not this one's last.\n      enter.set(0)\n      slideProgress.set(1)\n      fingerUp.set(0)\n      lockedSV.set(0)\n      flight.set(0)\n      buttonShown.set(withTiming(1, { duration: 150, reduceMotion: ReduceMotion.System }))\n    }\n  })\n  const { startFlightRef, flightCleanupRef, flightTimerRef } = useSendFlight({\n    containerRef,\n    setFlightTarget,\n    exitDoneRef,\n    circle,\n    cancelSign,\n    slideDistance,\n  })\n\n  useEffect(() => {\n    if (isRecording) {\n      if (wasRecordingRef.current)\n        return\n\n      wasRecordingRef.current = true\n      exitReasonRef.current = null\n      flightCleanupRef.current?.()\n      flightCleanupRef.current = null\n      if (flightTimerRef.current) {\n        clearTimeout(flightTimerRef.current)\n        flightTimerRef.current = null\n      }\n      setFlightTarget(null)\n      cancelAnimation(flight)\n      flight.set(0)\n      cancelAnimation(exit)\n      cancelAnimation(slideProgress)\n      exit.set(0)\n      exitKind.set(EXIT_NONE)\n      slideProgress.set(1)\n      lastReported.set(1)\n      if (slideProgressValue)\n        slideProgressValue.set(1)\n      fingerUp.set(0)\n      lockedSV.set(0)\n      lockHide.set(0)\n      lockHideTarget.set(0)\n      lockTilt.set(0)\n      pauseMorph.set(0)\n      sendMorph.set(0)\n      circle.state.set(null)\n      buttonShown.set(0)\n      enter.set(0)\n      enter.set(withTiming(1, { duration: 300, easing: DECELERATE }))\n      bob.set(0)\n      bob.set(withRepeat(\n        withTiming(1, { duration: LOCK_BOB_HALF_MS, easing: Easing.linear, reduceMotion: ReduceMotion.System }),\n        -1,\n        true\n      ))\n      setIsCircleMounted(true)\n      return\n    }\n\n    if (!wasRecordingRef.current)\n      return\n\n    wasRecordingRef.current = false\n    cancelAnimation(bob)\n    lockHide.set(withTiming(1, { duration: 140 }))\n    const reason = phase === 'preview' ? 'preview' : exitReasonRef.current ?? 'cancel'\n    exitReasonRef.current = null\n    const jsExitDone = () => exitDoneRef.current()\n    const onDone = (finished?: boolean) => {\n      'worklet'\n      if (finished)\n        runOnJS(jsExitDone)()\n    }\n\n    // Slid all the way: the circle springs back into the button, shrinking.\n    if (reason === 'gesture') {\n      exitKind.set(EXIT_GESTURE)\n      slideProgress.set(withTiming(1, { duration: 200 }, onDone))\n      return\n    }\n\n    // Paused: swell, shrink to a dot, fade into the preview\n    // (`transformToSeekbar`, 580ms voice / 490ms video).\n    if (reason === 'preview') {\n      exitKind.set(EXIT_PREVIEW)\n      exit.set(withTiming(1, { duration: isVoice ? 580 : 490, easing: Easing.linear }, onDone))\n      return\n    }\n\n    const playRelease = () => {\n      exitKind.set(EXIT_RELEASE)\n      exit.set(withTiming(1, { duration: 360, easing: Easing.linear }, onDone))\n    }\n\n    // A sent voice take holds still until its message lands, then flies there.\n    if (reason === 'send' && isVoice) {\n      startFlightRef.current(playRelease)\n      return\n    }\n\n    playRelease()\n  }, [\n    isRecording, phase, isVoice, circle.state, slideProgressValue,\n    bob, buttonShown, enter, exit, exitKind, fingerUp, flight, lastReported,\n    lockHide, lockHideTarget, lockTilt, lockedSV, pauseMorph, sendMorph, slideProgress,\n    flightCleanupRef, flightTimerRef, startFlightRef,\n  ])\n\n  // Locked: the mic turns into the send arrow, the lock into pause, and the\n  // padlock snaps to -15deg and back.\n  useEffect(() => {\n    if (!isLocked)\n      return\n\n    lockedSV.set(1)\n    sendMorph.set(withTiming(1, { duration: 150, easing: Easing.linear }))\n    pauseMorph.set(withTiming(1, { duration: 250, easing: EASE_OUT_QUINT }))\n    fingerUp.set(withTiming(0, { duration: 250, easing: EASE_OUT_QUINT }))\n    lockTilt.set(withSequence(\n      withTiming(-15, { duration: 250, easing: EASE_OUT_QUINT }),\n      withDelay(100, withTiming(0, { duration: 350, easing: EASE_OUT_QUINT }))\n    ))\n  }, [isLocked, lockedSV, sendMorph, pauseMorph, fingerUp, lockTilt])\n\n  return {\n    circle,\n    fingerUp,\n    lockedSV,\n    isTakeSV,\n    lockHide,\n    lockHideTarget,\n    lockTilt,\n    pauseMorph,\n    bob,\n    lastReported,\n    buttonShown,\n    exitReasonRef,\n    flightTarget,\n    isCircleMounted,\n    isRecording,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/components/RecordButton/useSendFlight.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { View } from 'react-native';
+import { useRecordCircleValues } from '../RecordCircle';
+import { VoiceFlightTarget } from '../sendFlight';
+interface SendFlightOptions {
+    /** The button's container, measured in the window for the flight's start. */
+    containerRef: React.RefObject<React.ComponentRef<typeof View> | null>;
+    setFlightTarget: (target: VoiceFlightTarget | null) => void;
+    /** Puts the circle away once the flight has landed. */
+    exitDoneRef: React.RefObject<() => void>;
+    circle: ReturnType<typeof useRecordCircleValues>;
+    cancelSign: number;
+    slideDistance: number;
+}
+/**
+ * A sent voice take flies into the new message's play button
+ * (`VoiceMessageEnterTransition`) instead of collapsing in place.
+ */
+export declare function useSendFlight({ containerRef, setFlightTarget, exitDoneRef, circle, cancelSign, slideDistance, }: SendFlightOptions): {
+    startFlightRef: React.RefObject<(fallback: () => void) => void>;
+    flightCleanupRef: React.RefObject<(() => void) | null>;
+    flightTimerRef: React.RefObject<number | null>;
+};
+export {};
+//# sourceMappingURL=useSendFlight.d.ts.map

package/lib/components/RecordButton/useSendFlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSendFlight.d.ts","sourceRoot":"","sources":["../../../src/components/RecordButton/useSendFlight.ts"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAGnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAIL,iBAAiB,EAIlB,MAAM,eAAe,CAAA;AAEtB,UAAU,iBAAiB;IACzB,6EAA6E;IAC7E,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG,IAAI,CAAC,CAAA;IACrE,eAAe,EAAE,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAA;IAC3D,uDAAuD;IACvD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,CAAA;IACxC,MAAM,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAA;IAChD,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAE,EAC7B,YAAY,EACZ,eAAe,EACf,WAAW,EACX,MAAM,EACN,UAAU,EACV,aAAa,GACd,EAAE,iBAAiB;+CAgBuB,MAAM,IAAI,KAAK,IAAI;6CAbrB,IAAI;;EA2F5C"}

package/lib/components/RecordButton/useSendFlight.js

@@ -0,0 +1,162 @@
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useLayoutEffect, useRef } from 'react';
+import { Easing, cancelAnimation, runOnJS, withTiming } from 'react-native-reanimated';
+import { SEND_FLIGHT_REVEAL_MS, SEND_FLIGHT_WAIT_MS, VOICE_FLIGHT_MS, abandonSendFlight, finishSendFlight, onSendFlightTarget } from '../sendFlight';
+/**
+ * A sent voice take flies into the new message's play button
+ * (`VoiceMessageEnterTransition`) instead of collapsing in place.
+ */
+export function useSendFlight(t0) {
+  const $ = _c(16);
+  const {
+    containerRef,
+    setFlightTarget,
+    exitDoneRef,
+    circle,
+    cancelSign,
+    slideDistance
+  } = t0;
+  const {
+    slide: slideProgress,
+    flight,
+    flightDX,
+    flightDY,
+    flightRadius
+  } = circle;
+  const flightCleanupRef = useRef(null);
+  const flightTimerRef = useRef(null);
+  let t1;
+  if ($[0] !== exitDoneRef) {
+    t1 = () => {
+      flightCleanupRef.current = null;
+      finishSendFlight("voice");
+      flightTimerRef.current = setTimeout(() => {
+        flightTimerRef.current = null;
+        exitDoneRef.current();
+      }, SEND_FLIGHT_REVEAL_MS);
+    };
+    $[0] = exitDoneRef;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const jsFlightLanded = t1;
+  const startFlightRef = useRef(_temp);
+  let t2;
+  if ($[2] !== cancelSign || $[3] !== containerRef || $[4] !== flight || $[5] !== flightDX || $[6] !== flightDY || $[7] !== flightRadius || $[8] !== jsFlightLanded || $[9] !== setFlightTarget || $[10] !== slideDistance || $[11] !== slideProgress) {
+    t2 = () => {
+      startFlightRef.current = fallback => {
+        flightCleanupRef.current?.();
+        let isLanded = false;
+        let isWaiting = true;
+        let unsubscribe;
+        const stopWaiting = () => {
+          isWaiting = false;
+          clearTimeout(timer);
+          unsubscribe?.();
+        };
+        const timer = setTimeout(() => {
+          stopWaiting();
+          flightCleanupRef.current = null;
+          abandonSendFlight("voice");
+          fallback();
+        }, SEND_FLIGHT_WAIT_MS);
+        const onTarget = target => {
+          if (!isWaiting) {
+            return;
+          }
+          stopWaiting();
+          isLanded = true;
+          const node = containerRef.current;
+          if (!node) {
+            jsFlightLanded();
+            return;
+          }
+          node.measureInWindow((x, y, width, height) => {
+            if (!isLanded) {
+              return;
+            }
+            const fromX = x + width / 2 + cancelSign * slideDistance * (1 - slideProgress.value);
+            const fromY = y + height / 2;
+            flightDX.set(target.x - fromX);
+            flightDY.set(target.y - fromY);
+            flightRadius.set(target.radius);
+            setFlightTarget(target);
+            flight.set(0);
+            flight.set(withTiming(1, {
+              duration: VOICE_FLIGHT_MS,
+              easing: Easing.linear
+            }, finished => {
+              if (finished) {
+                runOnJS(jsFlightLanded)();
+              }
+            }));
+          });
+        };
+        const off = onSendFlightTarget("voice", target_0 => onTarget(target_0));
+        if (isWaiting) {
+          unsubscribe = off;
+        } else {
+          off();
+        }
+        flightCleanupRef.current = () => {
+          if (isWaiting) {
+            stopWaiting();
+            abandonSendFlight("voice");
+          } else {
+            if (isLanded) {
+              isLanded = false;
+              cancelAnimation(flight);
+              finishSendFlight("voice");
+            }
+          }
+        };
+      };
+    };
+    $[2] = cancelSign;
+    $[3] = containerRef;
+    $[4] = flight;
+    $[5] = flightDX;
+    $[6] = flightDY;
+    $[7] = flightRadius;
+    $[8] = jsFlightLanded;
+    $[9] = setFlightTarget;
+    $[10] = slideDistance;
+    $[11] = slideProgress;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  useLayoutEffect(t2);
+  let t3;
+  let t4;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => () => {
+      flightCleanupRef.current?.();
+      if (flightTimerRef.current) {
+        clearTimeout(flightTimerRef.current);
+      }
+    };
+    t4 = [];
+    $[13] = t3;
+    $[14] = t4;
+  } else {
+    t3 = $[13];
+    t4 = $[14];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = {
+      startFlightRef,
+      flightCleanupRef,
+      flightTimerRef
+    };
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  return t5;
+}
+function _temp() {}
+//# sourceMappingURL=useSendFlight.js.map

package/lib/components/RecordButton/useSendFlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSendFlight.js","names":["useEffect","useLayoutEffect","useRef","Easing","cancelAnimation","runOnJS","withTiming","SEND_FLIGHT_REVEAL_MS","SEND_FLIGHT_WAIT_MS","VOICE_FLIGHT_MS","abandonSendFlight","finishSendFlight","onSendFlightTarget","useSendFlight","t0","$","_c","containerRef","setFlightTarget","exitDoneRef","circle","cancelSign","slideDistance","slide","slideProgress","flight","flightDX","flightDY","flightRadius","flightCleanupRef","flightTimerRef","t1","current","setTimeout","jsFlightLanded","startFlightRef","_temp","t2","fallback","isLanded","isWaiting","unsubscribe","stopWaiting","clearTimeout","timer","onTarget","target","node","measureInWindow","x","y","width","height","fromX","value","fromY","set","radius","duration","easing","linear","finished","off","target_0","t3","t4","Symbol","for","t5"],"sources":["../../../src/components/RecordButton/useSendFlight.ts"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef } from 'react'\nimport { View } from 'react-native'\nimport { Easing, cancelAnimation, runOnJS, withTiming } from 'react-native-reanimated'\n\nimport { useRecordCircleValues } from '../RecordCircle'\nimport {\n  SEND_FLIGHT_REVEAL_MS,\n  SEND_FLIGHT_WAIT_MS,\n  VOICE_FLIGHT_MS,\n  VoiceFlightTarget,\n  abandonSendFlight,\n  finishSendFlight,\n  onSendFlightTarget,\n} from '../sendFlight'\n\ninterface SendFlightOptions {\n  /** The button's container, measured in the window for the flight's start. */\n  containerRef: React.RefObject<React.ComponentRef<typeof View> | null>\n  setFlightTarget: (target: VoiceFlightTarget | null) => void\n  /** Puts the circle away once the flight has landed. */\n  exitDoneRef: React.RefObject<() => void>\n  circle: ReturnType<typeof useRecordCircleValues>\n  cancelSign: number\n  slideDistance: number\n}\n\n/**\n * A sent voice take flies into the new message's play button\n * (`VoiceMessageEnterTransition`) instead of collapsing in place.\n */\nexport function useSendFlight ({\n  containerRef,\n  setFlightTarget,\n  exitDoneRef,\n  circle,\n  cancelSign,\n  slideDistance,\n}: SendFlightOptions) {\n  const { slide: slideProgress, flight, flightDX, flightDY, flightRadius } = circle\n  // Stops waiting for a target, or reports a flight in the air as landed.\n  const flightCleanupRef = useRef<(() => void) | null>(null)\n  const flightTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const jsFlightLanded = () => {\n    flightCleanupRef.current = null\n    finishSendFlight('voice')\n    // The bubble's button fades in under the disc, then the disc goes, so the\n    // two never show a half-transparent gap between them.\n    flightTimerRef.current = setTimeout(() => {\n      flightTimerRef.current = null\n      exitDoneRef.current()\n    }, SEND_FLIGHT_REVEAL_MS)\n  }\n\n  const startFlightRef = useRef<(fallback: () => void) => void>(() => {})\n  useLayoutEffect(() => {\n    startFlightRef.current = (fallback: () => void) => {\n      flightCleanupRef.current?.()\n      let isLanded = false\n      let isWaiting = true\n      let unsubscribe: (() => void) | undefined\n      const stopWaiting = () => {\n        isWaiting = false\n        clearTimeout(timer)\n        unsubscribe?.()\n      }\n      // Nothing landed in time (a take too short to send, a list that renders\n      // elsewhere): give up and play the ordinary exit.\n      const timer = setTimeout(() => {\n        stopWaiting()\n        flightCleanupRef.current = null\n        abandonSendFlight('voice')\n        fallback()\n      }, SEND_FLIGHT_WAIT_MS)\n      const onTarget = (target: VoiceFlightTarget) => {\n        if (!isWaiting)\n          return\n\n        stopWaiting()\n        isLanded = true\n        const node = containerRef.current\n        if (!node) {\n          jsFlightLanded()\n          return\n        }\n\n        node.measureInWindow((x, y, width, height) => {\n          if (!isLanded)\n            return\n\n          // The circle hangs off the button's centre, shifted by the cancel\n          // slide it was released at (`recordCircle.drawingCx`).\n          const fromX = x + width / 2 + cancelSign * slideDistance * (1 - slideProgress.value)\n          const fromY = y + height / 2\n          flightDX.set(target.x - fromX)\n          flightDY.set(target.y - fromY)\n          flightRadius.set(target.radius)\n          setFlightTarget(target)\n          flight.set(0)\n          flight.set(withTiming(1, { duration: VOICE_FLIGHT_MS, easing: Easing.linear }, finished => {\n            if (finished)\n              runOnJS(jsFlightLanded)()\n          }))\n        })\n      }\n      const off = onSendFlightTarget('voice', target => onTarget(target))\n      // The target may already have landed, which ran `onTarget` before the\n      // subscription was returned.\n      if (isWaiting)\n        unsubscribe = off\n      else\n        off()\n      flightCleanupRef.current = () => {\n        if (isWaiting) {\n          stopWaiting()\n          abandonSendFlight('voice')\n        } else if (isLanded) {\n          isLanded = false\n          cancelAnimation(flight)\n          finishSendFlight('voice')\n        }\n      }\n    }\n  })\n\n  useEffect(() => () => {\n    flightCleanupRef.current?.()\n    if (flightTimerRef.current)\n      clearTimeout(flightTimerRef.current)\n  }, [])\n\n  return { startFlightRef, flightCleanupRef, flightTimerRef }\n}\n"],"mappings":";AAAA,SAAgBA,SAAS,EAAEC,eAAe,EAAEC,MAAM,QAAQ,OAAO;AAEjE,SAASC,MAAM,EAAEC,eAAe,EAAEC,OAAO,EAAEC,UAAU,QAAQ,yBAAyB;AAGtF,SACEC,qBAAqB,EACrBC,mBAAmB,EACnBC,eAAe,EAEfC,iBAAiB,EACjBC,gBAAgB,EAChBC,kBAAkB,QACb,eAAe;AAatB;AACA;AACA;AACA;AACA,OAAO,SAAAC,cAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAwB;IAAAC,YAAA;IAAAC,eAAA;IAAAC,WAAA;IAAAC,MAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAR,EAOX;EAClB;IAAAS,KAAA,EAAAC,aAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAA2ER,MAAM;EAEjF,MAAAS,gBAAA,GAAyB3B,MAAM,CAAsB,IAAI,CAAC;EAC1D,MAAA4B,cAAA,GAAuB5B,MAAM,CAAuC,IAAI,CAAC;EAAA,IAAA6B,EAAA;EAAA,IAAAhB,CAAA,QAAAI,WAAA;IAClDY,EAAA,GAAAA,CAAA;MACrBF,gBAAgB,CAAAG,OAAA,GAAW,IAAH;MACxBrB,gBAAgB,CAAC,OAAO,CAAC;MAGzBmB,cAAc,CAAAE,OAAA,GAAWC,UAAU,CAAC;QAClCH,cAAc,CAAAE,OAAA,GAAW,IAAH;QACtBb,WAAW,CAAAa,OAAQ,CAAC,CAAC;MAAA,CACtB,EAAEzB,qBAAqB,CAHF;IAAA,CAIvB;IAAAQ,CAAA,MAAAI,WAAA;IAAAJ,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EATD,MAAAmB,cAAA,GAAuBH,EAStB;EAED,MAAAI,cAAA,GAAuBjC,MAAM,CAAiCkC,KAAQ,CAAC;EAAA,IAAAC,EAAA;EAAA,IAAAtB,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAE,YAAA,IAAAF,CAAA,QAAAU,MAAA,IAAAV,CAAA,QAAAW,QAAA,IAAAX,CAAA,QAAAY,QAAA,IAAAZ,CAAA,QAAAa,YAAA,IAAAb,CAAA,QAAAmB,cAAA,IAAAnB,CAAA,QAAAG,eAAA,IAAAH,CAAA,SAAAO,aAAA,IAAAP,CAAA,SAAAS,aAAA;IACvDa,EAAA,GAAAA,CAAA;MACdF,cAAc,CAAAH,OAAA,GAAWM,QAAA;QACvBT,gBAAgB,CAAAG,OAAY,GAAD,CAAC;QAC5B,IAAAO,QAAA,GAAe,KAAK;QACpB,IAAAC,SAAA,GAAgB,IAAI;QAChBC,GAAA,CAAAA,WAAA;QACJ,MAAAC,WAAA,GAAoBA,CAAA;UAClBF,SAAA,CAAAA,CAAA,CAAYA,KAAK;UACjBG,YAAY,CAACC,KAAK,CAAC;UACnBH,WAAW,GAAG,CAAC;QAAA,CAChB;QAGD,MAAAG,KAAA,GAAcX,UAAU,CAAC;UACvBS,WAAW,CAAC,CAAC;UACbb,gBAAgB,CAAAG,OAAA,GAAW,IAAH;UACxBtB,iBAAiB,CAAC,OAAO,CAAC;UAC1B4B,QAAQ,CAAC,CAAC;QAAA,CACX,EAAE9B,mBAAmB,CAAC;QACvB,MAAAqC,QAAA,GAAiBC,MAAA;UACf,IAAI,CAACN,SAAS;YAAA;UAAA;UAGdE,WAAW,CAAC,CAAC;UACbH,QAAA,CAAAA,CAAA,CAAWA,IAAI;UACf,MAAAQ,IAAA,GAAa9B,YAAY,CAAAe,OAAQ;UACjC,IAAI,CAACe,IAAI;YACPb,cAAc,CAAC,CAAC;YAAA;UAAA;UAIlBa,IAAI,CAAAC,eAAgB,CAAC,CAAAC,CAAA,EAAAC,CAAA,EAAAC,KAAA,EAAAC,MAAA;YACnB,IAAI,CAACb,QAAQ;cAAA;YAAA;YAKb,MAAAc,KAAA,GAAcJ,CAAC,GAAGE,KAAK,GAAG,CAAC,GAAG9B,UAAU,GAAGC,aAAa,IAAI,CAAC,GAAGE,aAAa,CAAA8B,KAAM,CAAC;YACpF,MAAAC,KAAA,GAAcL,CAAC,GAAGE,MAAM,GAAG,CAAC;YAC5B1B,QAAQ,CAAA8B,GAAI,CAACV,MAAM,CAAAG,CAAE,GAAGI,KAAK,CAAC;YAC9B1B,QAAQ,CAAA6B,GAAI,CAACV,MAAM,CAAAI,CAAE,GAAGK,KAAK,CAAC;YAC9B3B,YAAY,CAAA4B,GAAI,CAACV,MAAM,CAAAW,MAAO,CAAC;YAC/BvC,eAAe,CAAC4B,MAAM,CAAC;YACvBrB,MAAM,CAAA+B,GAAI,CAAC,CAAC,CAAC;YACb/B,MAAM,CAAA+B,GAAI,CAAClD,UAAU,CAAC,CAAC,EAAE;cAAAoD,QAAA,EAAYjD,eAAe;cAAAkD,MAAA,EAAUxD,MAAM,CAAAyD;YAAQ,CAAC,EAAEC,QAAA;cAC7E,IAAIA,QAAQ;gBACVxD,OAAO,CAAC6B,cAAc,CAAC,CAAC,CAAC;cAAA;YAAA,CAC5B,CAAC,CAAC;UAAA,CACJ,CAAC;QAAA,CACH;QACD,MAAA4B,GAAA,GAAYlD,kBAAkB,CAAC,OAAO,EAAEmD,QAAA,IAAUlB,QAAQ,CAACC,QAAM,CAAC,CAAC;QAGnE,IAAIN,SAAS;UACXC,WAAA,CAAAA,CAAA,CAAcqB,GAAG;QAAN;UAEXA,GAAG,CAAC,CAAC;QAAA;QACPjC,gBAAgB,CAAAG,OAAA,GAAW;UACzB,IAAIQ,SAAS;YACXE,WAAW,CAAC,CAAC;YACbhC,iBAAiB,CAAC,OAAO,CAAC;UAAA;YACrB,IAAI6B,QAAQ;cACjBA,QAAA,CAAAA,CAAA,CAAWA,KAAK;cAChBnC,eAAe,CAACqB,MAAM,CAAC;cACvBd,gBAAgB,CAAC,OAAO,CAAC;YAAA;UAC1B;QAAA,CARqB;MAAA,CAxDJ;IAAA,CAmEvB;IAAAI,CAAA,MAAAM,UAAA;IAAAN,CAAA,MAAAE,YAAA;IAAAF,CAAA,MAAAU,MAAA;IAAAV,CAAA,MAAAW,QAAA;IAAAX,CAAA,MAAAY,QAAA;IAAAZ,CAAA,MAAAa,YAAA;IAAAb,CAAA,MAAAmB,cAAA;IAAAnB,CAAA,MAAAG,eAAA;IAAAH,CAAA,OAAAO,aAAA;IAAAP,CAAA,OAAAS,aAAA;IAAAT,CAAA,OAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EApEDd,eAAe,CAACoC,EAoEf,CAAC;EAAA,IAAA2B,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAlD,CAAA,SAAAmD,MAAA,CAAAC,GAAA;IAEQH,EAAA,GAAAA,CAAA,KAAM;MACdnC,gBAAgB,CAAAG,OAAY,GAAD,CAAC;MAC5B,IAAIF,cAAc,CAAAE,OAAQ;QACxBW,YAAY,CAACb,cAAc,CAAAE,OAAQ,CAAC;MAAA;IAAA,CACvC;IAAEiC,EAAA,KAAE;IAAAlD,CAAA,OAAAiD,EAAA;IAAAjD,CAAA,OAAAkD,EAAA;EAAA;IAAAD,EAAA,GAAAjD,CAAA;IAAAkD,EAAA,GAAAlD,CAAA;EAAA;EAJLf,SAAS,CAACgE,EAIT,EAAEC,EAAE,CAAC;EAAA,IAAAG,EAAA;EAAA,IAAArD,CAAA,SAAAmD,MAAA,CAAAC,GAAA;IAECC,EAAA;MAAAjC,cAAA;MAAAN,gBAAA;MAAAC;IAAmD,CAAC;IAAAf,CAAA,OAAAqD,EAAA;EAAA;IAAAA,EAAA,GAAArD,CAAA;EAAA;EAAA,OAApDqD,EAAoD;AAAA;AApGtD,SAAAhC,MAAA","ignoreList":[]}

package/lib/components/RecordCircle.d.ts

@@ -0,0 +1,92 @@
+import React from 'react';
+import { SharedValue } from 'react-native-reanimated';
+/** `RecordCircle.circleRadius` / `circleRadiusAmplitude`: 41dp, plus up to 30 with loudness. */
+export declare const CIRCLE_RADIUS = 41;
+/** How a take's circle leaves. */
+export declare const EXIT_NONE = 0;
+/** Sent, or released past the cancel point: swell by 16, then collapse (`exitTransition`). */
+export declare const EXIT_RELEASE = 1;
+/** Slid all the way: spring back into the button (`canceledByGesture`). */
+export declare const EXIT_GESTURE = 2;
+/** Paused into the preview (`transformToSeekbar`). */
+export declare const EXIT_PREVIEW = 3;
+/**
+ * The circle's entry curve: overshoots to full size halfway through the
+ * 300ms scale, dips to 0.9, then settles (`RecordCircle.onDraw`, `sc`).
+ */
+export declare const entryCurve: (scale: number) => number;
+/** One blob shape: N points easing towards random targets. */
+interface Blob {
+    n: number;
+    minRadius: number;
+    maxRadius: number;
+    radius: number[];
+    angle: number[];
+    radiusNext: number[];
+    angleNext: number[];
+    progress: number[];
+    speed: number[];
+    /** Smoothed loudness and its per-ms step. */
+    amplitude: number;
+    target: number;
+    step: number;
+}
+interface CircleState {
+    /** The circle's own smoothed loudness (`RecordCircle.amplitude`). */
+    circle: Blob;
+    big: Blob;
+    tiny: Blob;
+    /** `wavesEnterAnimation`, 0..1. */
+    waves: number;
+}
+export interface RecordCircleValues {
+    /** The 300ms entry scale, 0..1. */
+    enter: SharedValue<number>;
+    /** 1 at rest, 0 at the cancel point. */
+    slide: SharedValue<number>;
+    exit: SharedValue<number>;
+    exitKind: SharedValue<number>;
+    /** Loudness the circle and blobs head for, 0..1. */
+    amplitude: SharedValue<number>;
+    /** 0 shows the mic (or camera), 1 the send arrow. */
+    sendMorph: SharedValue<number>;
+    /** 1 once the blobs may show: always for voice, once the camera records for video. */
+    showWaves: SharedValue<number>;
+    /** Blob state, rebuilt on the UI thread when reset to null. */
+    state: SharedValue<CircleState | null>;
+    /** The send flight into the new message's play button, 0..1 linear. */
+    flight: SharedValue<number>;
+    /** Where the flight goes, relative to the circle's centre when it took off. */
+    flightDX: SharedValue<number>;
+    flightDY: SharedValue<number>;
+    /** The play button's radius, which the circle shrinks to. */
+    flightRadius: SharedValue<number>;
+}
+/** The shared values behind one `RecordCircle`, owned by the record button. */
+export declare function useRecordCircleValues(): RecordCircleValues;
+/**
+ * Our level is metering mapped linearly from -60..0 dB; the circle's amplitude
+ * is the sample RMS over 1800, which is full scale from about -25 dBFS. Back
+ * to dB, then to that scale, so the circle swells by the intended amount.
+ */
+export declare const levelToAmplitude: (level: number) => number;
+export interface RecordCircleProps {
+    mode: 'voice' | 'video';
+    values: RecordCircleValues;
+    /** How far the circle travels to the cancel point. */
+    slideDistance: number;
+    /** -1 when cancelling slides left (LTR), 1 when it slides right (RTL). */
+    cancelSign: number;
+    /** The send flight's target fill, blended in over the accent as it flies. */
+    flightColor?: string;
+    /** The target's play glyph colour; the flight draws the glyph in as it lands. */
+    flightIconColor?: string;
+}
+/**
+ * The record circle: the big accent circle over the composer while a
+ * take records, swelling with the voice, with two morphing blobs behind it.
+ * Purely visual - the touch stays on the record button underneath.
+ */
+export declare const RecordCircle: React.MemoExoticComponent<({ mode, values, slideDistance, cancelSign, flightColor, flightIconColor, }: RecordCircleProps) => React.JSX.Element>;
+export {};
+//# sourceMappingURL=RecordCircle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecordCircle.d.ts","sourceRoot":"","sources":["../../src/components/RecordCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAE5C,OAAiB,EAEf,WAAW,EAKZ,MAAM,yBAAyB,CAAA;AAiBhC,gGAAgG;AAChG,eAAO,MAAM,aAAa,KAAK,CAAA;AAa/B,kCAAkC;AAClC,eAAO,MAAM,SAAS,IAAI,CAAA;AAC1B,8FAA8F;AAC9F,eAAO,MAAM,YAAY,IAAI,CAAA;AAC7B,2EAA2E;AAC3E,eAAO,MAAM,YAAY,IAAI,CAAA;AAC7B,sDAAsD;AACtD,eAAO,MAAM,YAAY,IAAI,CAAA;AAW7B;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,WAOvC,CAAA;AAmDD,8DAA8D;AAC9D,UAAU,IAAI;IACZ,CAAC,EAAE,MAAM,CAAA;IACT,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,SAAS,EAAE,MAAM,EAAE,CAAA;IACnB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;CACb;AA4HD,UAAU,WAAW;IACnB,qEAAqE;IACrE,MAAM,EAAE,IAAI,CAAA;IACZ,GAAG,EAAE,IAAI,CAAA;IACT,IAAI,EAAE,IAAI,CAAA;IACV,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,kBAAkB;IACjC,mCAAmC;IACnC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1B,wCAAwC;IACxC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1B,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACzB,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC7B,oDAAoD;IACpD,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC9B,qDAAqD;IACrD,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC9B,sFAAsF;IACtF,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC9B,+DAA+D;IAC/D,KAAK,EAAE,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACtC,uEAAuE;IACvE,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC3B,+EAA+E;IAC/E,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC7B,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC7B,6DAA6D;IAC7D,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAClC;AAED,+EAA+E;AAC/E,wBAAgB,qBAAqB,IAAK,kBAAkB,CAmB3D;AAMD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,WAM7C,CAAA;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,GAAG,OAAO,CAAA;IACvB,MAAM,EAAE,kBAAkB,CAAA;IAC1B,sDAAsD;IACtD,aAAa,EAAE,MAAM,CAAA;IACrB,0EAA0E;IAC1E,UAAU,EAAE,MAAM,CAAA;IAClB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iFAAiF;IACjF,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAWD;;;;GAIG;AACH,eAAO,MAAM,YAAY,yGAOtB,iBAAiB,uBA+IlB,CAAA"}