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

package/lib/components/RecordButton/useRecordHints.js

@@ -0,0 +1,210 @@
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { useLabels } from '../../hooks/useLabels';
+import { countLockHint, countPauseHint, recordingHaptic, shouldShowLockHint, shouldShowPauseHint } from '../recordingFeedback';
+import { LOCK_HINT_DELAY_MS, LOCK_HINT_HIDE_PROGRESS, ONCE_HINT_LIMIT, ONCE_HINT_MS, PAUSE_HINT_MS } from './constants';
+let onceHintCount = 0;
+/**
+ * The button's tooltips: "Slide up to lock", "Pause to trim or replay" and the
+ * view-once hint, each shown for the first few takes and on its own timer.
+ */
+export function useRecordHints(t0) {
+  const $ = _c(33);
+  const {
+    phase,
+    isVideo,
+    pauseHint,
+    onPause,
+    onToggleViewOnce,
+    isViewOnce,
+    lastReported
+  } = t0;
+  const labels = useLabels();
+  const isLocked = phase === "locked";
+  const [isLockHintVisible, setIsLockHintVisible] = useState(false);
+  let t1;
+  let t2;
+  if ($[0] !== lastReported || $[1] !== phase) {
+    t1 = () => {
+      if (phase !== "recording" || !shouldShowLockHint()) {
+        setIsLockHintVisible(false);
+        return;
+      }
+      const timer = setTimeout(() => {
+        if (lastReported.value < LOCK_HINT_HIDE_PROGRESS) {
+          return;
+        }
+        setIsLockHintVisible(true);
+        countLockHint();
+      }, LOCK_HINT_DELAY_MS);
+      return () => clearTimeout(timer);
+    };
+    t2 = [phase, lastReported];
+    $[0] = lastReported;
+    $[1] = phase;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  const [isPauseHintVisible, setIsPauseHintVisible] = useState(false);
+  const hasPauseHint = !!pauseHint && !!onPause;
+  let t3;
+  let t4;
+  if ($[4] !== hasPauseHint || $[5] !== phase) {
+    t3 = () => {
+      if (phase !== "locked" || !hasPauseHint || !shouldShowPauseHint()) {
+        setIsPauseHintVisible(false);
+        return;
+      }
+      setIsPauseHintVisible(true);
+      countPauseHint();
+      const timer_0 = setTimeout(() => setIsPauseHintVisible(false), PAUSE_HINT_MS);
+      return () => clearTimeout(timer_0);
+    };
+    t4 = [phase, hasPauseHint];
+    $[4] = hasPauseHint;
+    $[5] = phase;
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t3 = $[6];
+    t4 = $[7];
+  }
+  useEffect(t3, t4);
+  const hasOnce = !!onToggleViewOnce && (phase === "locked" || phase === "preview");
+  const [onceHint, setOnceHint] = useState(null);
+  const onceHintTimerRef = useRef(null);
+  let t5;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = text => {
+      if (onceHintTimerRef.current) {
+        clearTimeout(onceHintTimerRef.current);
+        onceHintTimerRef.current = null;
+      }
+      setOnceHint(text);
+      if (text) {
+        onceHintTimerRef.current = setTimeout(() => {
+          onceHintTimerRef.current = null;
+          setOnceHint(null);
+        }, ONCE_HINT_MS);
+      }
+    };
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  const showOnceHint = t5;
+  const showOnceHintRef = useRef(showOnceHint);
+  const isViewOnceRef = useRef(isViewOnce);
+  const viewOnceHintRef = useRef(labels.viewOnceHint);
+  let t6;
+  if ($[9] !== isViewOnce || $[10] !== labels.viewOnceHint) {
+    t6 = () => {
+      showOnceHintRef.current = showOnceHint;
+      isViewOnceRef.current = isViewOnce;
+      viewOnceHintRef.current = labels.viewOnceHint;
+    };
+    $[9] = isViewOnce;
+    $[10] = labels.viewOnceHint;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  useLayoutEffect(t6);
+  const hasOnceToggle = !!onToggleViewOnce;
+  let t7;
+  let t8;
+  if ($[12] !== hasOnceToggle || $[13] !== isLocked) {
+    t7 = () => {
+      if (!isLocked || !hasOnceToggle || isViewOnceRef.current || onceHintCount >= ONCE_HINT_LIMIT) {
+        return;
+      }
+      onceHintCount = onceHintCount + 1;
+      showOnceHintRef.current(viewOnceHintRef.current);
+    };
+    t8 = [isLocked, hasOnceToggle];
+    $[12] = hasOnceToggle;
+    $[13] = isLocked;
+    $[14] = t7;
+    $[15] = t8;
+  } else {
+    t7 = $[14];
+    t8 = $[15];
+  }
+  useEffect(t7, t8);
+  let t10;
+  let t9;
+  if ($[16] !== hasOnce) {
+    t9 = () => {
+      if (!hasOnce) {
+        showOnceHintRef.current(null);
+      }
+    };
+    t10 = [hasOnce];
+    $[16] = hasOnce;
+    $[17] = t10;
+    $[18] = t9;
+  } else {
+    t10 = $[17];
+    t9 = $[18];
+  }
+  useEffect(t9, t10);
+  let t11;
+  let t12;
+  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = () => () => {
+      if (onceHintTimerRef.current) {
+        clearTimeout(onceHintTimerRef.current);
+      }
+    };
+    t12 = [];
+    $[19] = t11;
+    $[20] = t12;
+  } else {
+    t11 = $[19];
+    t12 = $[20];
+  }
+  useEffect(t11, t12);
+  let t13;
+  if ($[21] !== isVideo || $[22] !== isViewOnce || $[23] !== labels.viewOnceVideoEnabledHint || $[24] !== labels.viewOnceVoiceEnabledHint || $[25] !== onToggleViewOnce) {
+    t13 = () => {
+      recordingHaptic();
+      showOnceHint(isViewOnce ? null : isVideo ? labels.viewOnceVideoEnabledHint : labels.viewOnceVoiceEnabledHint);
+      onToggleViewOnce?.();
+    };
+    $[21] = isVideo;
+    $[22] = isViewOnce;
+    $[23] = labels.viewOnceVideoEnabledHint;
+    $[24] = labels.viewOnceVoiceEnabledHint;
+    $[25] = onToggleViewOnce;
+    $[26] = t13;
+  } else {
+    t13 = $[26];
+  }
+  const toggleOnce = t13;
+  let t14;
+  if ($[27] !== hasOnce || $[28] !== isLockHintVisible || $[29] !== isPauseHintVisible || $[30] !== onceHint || $[31] !== toggleOnce) {
+    t14 = {
+      isLockHintVisible,
+      setIsLockHintVisible,
+      isPauseHintVisible,
+      setIsPauseHintVisible,
+      hasOnce,
+      onceHint,
+      toggleOnce
+    };
+    $[27] = hasOnce;
+    $[28] = isLockHintVisible;
+    $[29] = isPauseHintVisible;
+    $[30] = onceHint;
+    $[31] = toggleOnce;
+    $[32] = t14;
+  } else {
+    t14 = $[32];
+  }
+  return t14;
+}
+//# sourceMappingURL=useRecordHints.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRecordHints.js","names":["useEffect","useLayoutEffect","useRef","useState","useLabels","countLockHint","countPauseHint","recordingHaptic","shouldShowLockHint","shouldShowPauseHint","LOCK_HINT_DELAY_MS","LOCK_HINT_HIDE_PROGRESS","ONCE_HINT_LIMIT","ONCE_HINT_MS","PAUSE_HINT_MS","onceHintCount","useRecordHints","t0","$","_c","phase","isVideo","pauseHint","onPause","onToggleViewOnce","isViewOnce","lastReported","labels","isLocked","isLockHintVisible","setIsLockHintVisible","t1","t2","timer","setTimeout","value","clearTimeout","isPauseHintVisible","setIsPauseHintVisible","hasPauseHint","t3","t4","timer_0","hasOnce","onceHint","setOnceHint","onceHintTimerRef","t5","Symbol","for","text","current","showOnceHint","showOnceHintRef","isViewOnceRef","viewOnceHintRef","viewOnceHint","t6","hasOnceToggle","t7","t8","t10","t9","t11","t12","t13","viewOnceVideoEnabledHint","viewOnceVoiceEnabledHint","toggleOnce","t14"],"sources":["../../../src/components/RecordButton/useRecordHints.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport { SharedValue } from 'react-native-reanimated'\n\nimport { useLabels } from '../../hooks/useLabels'\nimport {\n  countLockHint,\n  countPauseHint,\n  recordingHaptic,\n  shouldShowLockHint,\n  shouldShowPauseHint,\n} from '../recordingFeedback'\nimport {\n  LOCK_HINT_DELAY_MS,\n  LOCK_HINT_HIDE_PROGRESS,\n  ONCE_HINT_LIMIT,\n  ONCE_HINT_MS,\n  PAUSE_HINT_MS,\n} from './constants'\nimport { RecordButtonPhase } from './types'\n\nlet onceHintCount = 0\n\ninterface RecordHintsOptions {\n  phase: RecordButtonPhase\n  isVideo: boolean\n  pauseHint?: string | null\n  onPause?: () => void\n  onToggleViewOnce?: () => void\n  isViewOnce: boolean\n  /** The slide progress JS last heard, to skip the lock hint mid-slide. */\n  lastReported: SharedValue<number>\n}\n\n/**\n * The button's tooltips: \"Slide up to lock\", \"Pause to trim or replay\" and the\n * view-once hint, each shown for the first few takes and on its own timer.\n */\nexport function useRecordHints ({\n  phase,\n  isVideo,\n  pauseHint,\n  onPause,\n  onToggleViewOnce,\n  isViewOnce,\n  lastReported,\n}: RecordHintsOptions) {\n  const labels = useLabels()\n  const isLocked = phase === 'locked'\n\n  // \"Slide up to lock\" for the first few takes, once the finger has been down\n  // 200ms, never again once one is locked.\n  const [isLockHintVisible, setIsLockHintVisible] = useState(false)\n  useEffect(() => {\n    if (phase !== 'recording' || !shouldShowLockHint()) {\n      setIsLockHintVisible(false)\n      return\n    }\n\n    const timer = setTimeout(() => {\n      if (lastReported.value < LOCK_HINT_HIDE_PROGRESS)\n        return\n\n      setIsLockHintVisible(true)\n      countLockHint()\n    }, LOCK_HINT_DELAY_MS)\n    return () => clearTimeout(timer)\n  }, [phase, lastReported])\n\n  // \"Pause to trim or replay\" when a take is locked, for a few seconds.\n  const [isPauseHintVisible, setIsPauseHintVisible] = useState(false)\n  const hasPauseHint = !!pauseHint && !!onPause\n  useEffect(() => {\n    if (phase !== 'locked' || !hasPauseHint || !shouldShowPauseHint()) {\n      setIsPauseHintVisible(false)\n      return\n    }\n\n    setIsPauseHintVisible(true)\n    countPauseHint()\n    const timer = setTimeout(() => setIsPauseHintVisible(false), PAUSE_HINT_MS)\n    return () => clearTimeout(timer)\n  }, [phase, hasPauseHint])\n\n  // The view-once tooltip (`showOnceHint`): on lock for the first few takes,\n  // and again each time the toggle is switched on; switching it off hides it.\n  const hasOnce = !!onToggleViewOnce && (phase === 'locked' || phase === 'preview')\n  const [onceHint, setOnceHint] = useState<string | null>(null)\n  const onceHintTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const showOnceHint = (text: string | null) => {\n    if (onceHintTimerRef.current) {\n      clearTimeout(onceHintTimerRef.current)\n      onceHintTimerRef.current = null\n    }\n    setOnceHint(text)\n    if (text)\n      onceHintTimerRef.current = setTimeout(() => {\n        onceHintTimerRef.current = null\n        setOnceHint(null)\n      }, ONCE_HINT_MS)\n  }\n  const showOnceHintRef = useRef(showOnceHint)\n  // Read through refs so that only the lock itself shows the hint; the toggle handles the rest.\n  const isViewOnceRef = useRef(isViewOnce)\n  const viewOnceHintRef = useRef(labels.viewOnceHint)\n  useLayoutEffect(() => {\n    showOnceHintRef.current = showOnceHint\n    isViewOnceRef.current = isViewOnce\n    viewOnceHintRef.current = labels.viewOnceHint\n  })\n  const hasOnceToggle = !!onToggleViewOnce\n  useEffect(() => {\n    if (!isLocked || !hasOnceToggle || isViewOnceRef.current || onceHintCount >= ONCE_HINT_LIMIT)\n      return\n\n    onceHintCount = onceHintCount + 1\n    showOnceHintRef.current(viewOnceHintRef.current)\n  }, [isLocked, hasOnceToggle])\n  useEffect(() => {\n    if (!hasOnce)\n      showOnceHintRef.current(null)\n  }, [hasOnce])\n  useEffect(() => () => {\n    if (onceHintTimerRef.current)\n      clearTimeout(onceHintTimerRef.current)\n  }, [])\n  const toggleOnce = () => {\n    recordingHaptic()\n    showOnceHint(isViewOnce ? null : isVideo ? labels.viewOnceVideoEnabledHint : labels.viewOnceVoiceEnabledHint)\n    onToggleViewOnce?.()\n  }\n\n  return {\n    isLockHintVisible,\n    setIsLockHintVisible,\n    isPauseHintVisible,\n    setIsPauseHintVisible,\n    hasOnce,\n    onceHint,\n    toggleOnce,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+/** The horizontal distance a cancel slide covers (`distCanMove`), shared with the bar. */
+export declare function useRecordSlideDistance(): number;
+//# sourceMappingURL=useRecordSlideDistance.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRecordSlideDistance.d.ts","sourceRoot":"","sources":["../../../src/components/RecordButton/useRecordSlideDistance.ts"],"names":[],"mappings":"AAKA,0FAA0F;AAC1F,wBAAgB,sBAAsB,WAIrC"}

package/lib/components/RecordButton/useRecordSlideDistance.js

@@ -0,0 +1,15 @@
+import { useWindowDimensions } from 'react-native';
+import { useTheme } from '../../hooks/useTheme';
+import { SLIDE_WIDTH_SHARE } from './constants';
+
+/** The horizontal distance a cancel slide covers (`distCanMove`), shared with the bar. */
+export function useRecordSlideDistance() {
+  const {
+    voice
+  } = useTheme();
+  const {
+    width
+  } = useWindowDimensions();
+  return Math.min(voice.cancelThreshold, width * SLIDE_WIDTH_SHARE);
+}
+//# sourceMappingURL=useRecordSlideDistance.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRecordSlideDistance.js","names":["useWindowDimensions","useTheme","SLIDE_WIDTH_SHARE","useRecordSlideDistance","voice","width","Math","min","cancelThreshold"],"sources":["../../../src/components/RecordButton/useRecordSlideDistance.ts"],"sourcesContent":["import { useWindowDimensions } from 'react-native'\n\nimport { useTheme } from '../../hooks/useTheme'\nimport { SLIDE_WIDTH_SHARE } from './constants'\n\n/** The horizontal distance a cancel slide covers (`distCanMove`), shared with the bar. */\nexport function useRecordSlideDistance () {\n  const { voice } = useTheme()\n  const { width } = useWindowDimensions()\n  return Math.min(voice.cancelThreshold, width * SLIDE_WIDTH_SHARE)\n}\n"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,cAAc;AAElD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,iBAAiB,QAAQ,aAAa;;AAE/C;AACA,OAAO,SAAAC,uBAAA;EACL;IAAAC;EAAA,IAAkBH,QAAQ,CAAC,CAAC;EAC5B;IAAAI;EAAA,IAAkBL,mBAAmB,CAAC,CAAC;EAAA,OAChCM,IAAI,CAAAC,GAAI,CAACH,KAAK,CAAAI,eAAgB,EAAEH,KAAK,GAAGH,iBAAiB,CAAC;AAAA","ignoreList":[]}

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

@@ -0,0 +1,41 @@
+import React from 'react';
+import { View } from 'react-native';
+import { SharedValue } from 'react-native-reanimated';
+import { Store } from '../../store';
+import { VoiceFlightTarget } from '../sendFlight';
+import { RecordButtonPhase, TakeExitReason } from './types';
+interface RecordTakeOptions {
+    mode: 'voice' | 'video';
+    phase: RecordButtonPhase;
+    levelStore?: Store<number>;
+    isCapturing: boolean;
+    slideProgressValue?: SharedValue<number>;
+    cancelSign: number;
+    slideDistance: number;
+    /** The button's container, measured in the window for the send flight. */
+    containerRef: React.RefObject<React.ComponentRef<typeof View> | null>;
+}
+/**
+ * A take's life on screen: the circle and lock enter when it starts recording,
+ * morph when it locks, and play the exit that matches how it ended - back into
+ * the button, into the preview, collapsing, or flying to the sent message.
+ */
+export declare function useRecordTake({ mode, phase, levelStore, isCapturing, slideProgressValue, cancelSign, slideDistance, containerRef, }: RecordTakeOptions): {
+    circle: import("../RecordCircle").RecordCircleValues;
+    fingerUp: SharedValue<number>;
+    lockedSV: SharedValue<number>;
+    isTakeSV: SharedValue<number>;
+    lockHide: SharedValue<number>;
+    lockHideTarget: SharedValue<number>;
+    lockTilt: SharedValue<number>;
+    pauseMorph: SharedValue<number>;
+    bob: SharedValue<number>;
+    lastReported: SharedValue<number>;
+    buttonShown: SharedValue<number>;
+    exitReasonRef: React.RefObject<TakeExitReason>;
+    flightTarget: VoiceFlightTarget | null;
+    isCircleMounted: boolean;
+    isRecording: boolean;
+};
+export {};
+//# sourceMappingURL=useRecordTake.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRecordTake.d.ts","sourceRoot":"","sources":["../../../src/components/RecordButton/useRecordTake.ts"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAGL,WAAW,EAQZ,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AASnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG3D,UAAU,iBAAiB;IACzB,IAAI,EAAE,OAAO,GAAG,OAAO,CAAA;IACvB,KAAK,EAAE,iBAAiB,CAAA;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAC1B,WAAW,EAAE,OAAO,CAAA;IACpB,kBAAkB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACxC,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,0EAA0E;IAC1E,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG,IAAI,CAAC,CAAA;CACtE;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAE,EAC7B,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,YAAY,GACb,EAAE,iBAAiB;;;;;;;;;;;;;;;;EAqMnB"}

package/lib/components/RecordButton/useRecordTake.js

@@ -0,0 +1,349 @@
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { Easing, ReduceMotion, cancelAnimation, runOnJS, useSharedValue, withDelay, withRepeat, withSequence, withTiming } from 'react-native-reanimated';
+import { EXIT_GESTURE, EXIT_NONE, EXIT_PREVIEW, EXIT_RELEASE, levelToAmplitude, useRecordCircleValues } from '../RecordCircle';
+import { DECELERATE, EASE_OUT_QUINT, LOCK_BOB_HALF_MS } from './constants';
+import { useSendFlight } from './useSendFlight';
+/**
+ * A take's life on screen: the circle and lock enter when it starts recording,
+ * morph when it locks, and play the exit that matches how it ended - back into
+ * the button, into the preview, collapsing, or flying to the sent message.
+ */
+export function useRecordTake(t0) {
+  const $ = _c(69);
+  const {
+    mode,
+    phase,
+    levelStore,
+    isCapturing,
+    slideProgressValue,
+    cancelSign,
+    slideDistance,
+    containerRef
+  } = t0;
+  const isVoice = mode === "voice";
+  const circle = useRecordCircleValues();
+  const {
+    enter,
+    slide: slideProgress,
+    exit,
+    exitKind,
+    sendMorph,
+    showWaves,
+    flight
+  } = circle;
+  const fingerUp = useSharedValue(0);
+  const lockedSV = useSharedValue(0);
+  const isTakeSV = useSharedValue(0);
+  const lockHide = useSharedValue(0);
+  const lockHideTarget = useSharedValue(0);
+  const lockTilt = useSharedValue(0);
+  const pauseMorph = useSharedValue(0);
+  const bob = useSharedValue(0);
+  const lastReported = useSharedValue(1);
+  const buttonShown = useSharedValue(1);
+  const exitReasonRef = useRef(null);
+  let t1;
+  let t2;
+  if ($[0] !== circle.amplitude || $[1] !== levelStore || $[2] !== phase) {
+    t1 = () => {
+      const isLive = phase === "recording" || phase === "locked";
+      const apply = () => circle.amplitude.set(isLive && levelStore ? levelToAmplitude(levelStore.get()) : 0);
+      apply();
+      return isLive && levelStore ? levelStore.subscribe(apply) : undefined;
+    };
+    t2 = [phase, levelStore, circle.amplitude];
+    $[0] = circle.amplitude;
+    $[1] = levelStore;
+    $[2] = phase;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  let t3;
+  let t4;
+  if ($[5] !== isCapturing || $[6] !== showWaves) {
+    t3 = () => {
+      showWaves.set(isCapturing ? 1 : 0);
+    };
+    t4 = [isCapturing, showWaves];
+    $[5] = isCapturing;
+    $[6] = showWaves;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t3 = $[7];
+    t4 = $[8];
+  }
+  useEffect(t3, t4);
+  const isLocked = phase === "locked";
+  const isRecording = phase === "recording" || phase === "locked";
+  const [isCircleMounted, setIsCircleMounted] = useState(false);
+  const wasRecordingRef = useRef(false);
+  const exitDoneRef = useRef(_temp);
+  const [flightTarget, setFlightTarget] = useState(null);
+  let t5;
+  if ($[9] !== buttonShown || $[10] !== enter || $[11] !== fingerUp || $[12] !== flight || $[13] !== lockedSV || $[14] !== slideProgress) {
+    t5 = () => {
+      exitDoneRef.current = () => {
+        setIsCircleMounted(false);
+        setFlightTarget(null);
+        enter.set(0);
+        slideProgress.set(1);
+        fingerUp.set(0);
+        lockedSV.set(0);
+        flight.set(0);
+        buttonShown.set(withTiming(1, {
+          duration: 150,
+          reduceMotion: ReduceMotion.System
+        }));
+      };
+    };
+    $[9] = buttonShown;
+    $[10] = enter;
+    $[11] = fingerUp;
+    $[12] = flight;
+    $[13] = lockedSV;
+    $[14] = slideProgress;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  useLayoutEffect(t5);
+  let t6;
+  if ($[16] !== cancelSign || $[17] !== circle || $[18] !== containerRef || $[19] !== slideDistance) {
+    t6 = {
+      containerRef,
+      setFlightTarget,
+      exitDoneRef,
+      circle,
+      cancelSign,
+      slideDistance
+    };
+    $[16] = cancelSign;
+    $[17] = circle;
+    $[18] = containerRef;
+    $[19] = slideDistance;
+    $[20] = t6;
+  } else {
+    t6 = $[20];
+  }
+  const {
+    startFlightRef,
+    flightCleanupRef,
+    flightTimerRef
+  } = useSendFlight(t6);
+  let t7;
+  let t8;
+  if ($[21] !== bob || $[22] !== buttonShown || $[23] !== circle.state || $[24] !== enter || $[25] !== exit || $[26] !== exitKind || $[27] !== fingerUp || $[28] !== flight || $[29] !== flightCleanupRef || $[30] !== flightTimerRef || $[31] !== isRecording || $[32] !== isVoice || $[33] !== lastReported || $[34] !== lockHide || $[35] !== lockHideTarget || $[36] !== lockTilt || $[37] !== lockedSV || $[38] !== pauseMorph || $[39] !== phase || $[40] !== sendMorph || $[41] !== slideProgress || $[42] !== slideProgressValue || $[43] !== startFlightRef) {
+    t7 = () => {
+      if (isRecording) {
+        if (wasRecordingRef.current) {
+          return;
+        }
+        wasRecordingRef.current = true;
+        exitReasonRef.current = null;
+        flightCleanupRef.current?.();
+        flightCleanupRef.current = null;
+        if (flightTimerRef.current) {
+          clearTimeout(flightTimerRef.current);
+          flightTimerRef.current = null;
+        }
+        setFlightTarget(null);
+        cancelAnimation(flight);
+        flight.set(0);
+        cancelAnimation(exit);
+        cancelAnimation(slideProgress);
+        exit.set(0);
+        exitKind.set(EXIT_NONE);
+        slideProgress.set(1);
+        lastReported.set(1);
+        if (slideProgressValue) {
+          slideProgressValue.set(1);
+        }
+        fingerUp.set(0);
+        lockedSV.set(0);
+        lockHide.set(0);
+        lockHideTarget.set(0);
+        lockTilt.set(0);
+        pauseMorph.set(0);
+        sendMorph.set(0);
+        circle.state.set(null);
+        buttonShown.set(0);
+        enter.set(0);
+        enter.set(withTiming(1, {
+          duration: 300,
+          easing: DECELERATE
+        }));
+        bob.set(0);
+        bob.set(withRepeat(withTiming(1, {
+          duration: LOCK_BOB_HALF_MS,
+          easing: Easing.linear,
+          reduceMotion: ReduceMotion.System
+        }), -1, true));
+        setIsCircleMounted(true);
+        return;
+      }
+      if (!wasRecordingRef.current) {
+        return;
+      }
+      wasRecordingRef.current = false;
+      cancelAnimation(bob);
+      lockHide.set(withTiming(1, {
+        duration: 140
+      }));
+      const reason = phase === "preview" ? "preview" : exitReasonRef.current ?? "cancel";
+      exitReasonRef.current = null;
+      const jsExitDone = () => exitDoneRef.current();
+      const onDone = finished => {
+        "worklet";
+
+        if (finished) {
+          runOnJS(jsExitDone)();
+        }
+      };
+      if (reason === "gesture") {
+        exitKind.set(EXIT_GESTURE);
+        slideProgress.set(withTiming(1, {
+          duration: 200
+        }, onDone));
+        return;
+      }
+      if (reason === "preview") {
+        exitKind.set(EXIT_PREVIEW);
+        exit.set(withTiming(1, {
+          duration: isVoice ? 580 : 490,
+          easing: Easing.linear
+        }, onDone));
+        return;
+      }
+      const playRelease = () => {
+        exitKind.set(EXIT_RELEASE);
+        exit.set(withTiming(1, {
+          duration: 360,
+          easing: Easing.linear
+        }, onDone));
+      };
+      if (reason === "send" && isVoice) {
+        startFlightRef.current(playRelease);
+        return;
+      }
+      playRelease();
+    };
+    t8 = [isRecording, phase, isVoice, circle.state, slideProgressValue, bob, buttonShown, enter, exit, exitKind, fingerUp, flight, lastReported, lockHide, lockHideTarget, lockTilt, lockedSV, pauseMorph, sendMorph, slideProgress, flightCleanupRef, flightTimerRef, startFlightRef];
+    $[21] = bob;
+    $[22] = buttonShown;
+    $[23] = circle.state;
+    $[24] = enter;
+    $[25] = exit;
+    $[26] = exitKind;
+    $[27] = fingerUp;
+    $[28] = flight;
+    $[29] = flightCleanupRef;
+    $[30] = flightTimerRef;
+    $[31] = isRecording;
+    $[32] = isVoice;
+    $[33] = lastReported;
+    $[34] = lockHide;
+    $[35] = lockHideTarget;
+    $[36] = lockTilt;
+    $[37] = lockedSV;
+    $[38] = pauseMorph;
+    $[39] = phase;
+    $[40] = sendMorph;
+    $[41] = slideProgress;
+    $[42] = slideProgressValue;
+    $[43] = startFlightRef;
+    $[44] = t7;
+    $[45] = t8;
+  } else {
+    t7 = $[44];
+    t8 = $[45];
+  }
+  useEffect(t7, t8);
+  let t10;
+  let t9;
+  if ($[46] !== fingerUp || $[47] !== isLocked || $[48] !== lockTilt || $[49] !== lockedSV || $[50] !== pauseMorph || $[51] !== sendMorph) {
+    t9 = () => {
+      if (!isLocked) {
+        return;
+      }
+      lockedSV.set(1);
+      sendMorph.set(withTiming(1, {
+        duration: 150,
+        easing: Easing.linear
+      }));
+      pauseMorph.set(withTiming(1, {
+        duration: 250,
+        easing: EASE_OUT_QUINT
+      }));
+      fingerUp.set(withTiming(0, {
+        duration: 250,
+        easing: EASE_OUT_QUINT
+      }));
+      lockTilt.set(withSequence(withTiming(-15, {
+        duration: 250,
+        easing: EASE_OUT_QUINT
+      }), withDelay(100, withTiming(0, {
+        duration: 350,
+        easing: EASE_OUT_QUINT
+      }))));
+    };
+    t10 = [isLocked, lockedSV, sendMorph, pauseMorph, fingerUp, lockTilt];
+    $[46] = fingerUp;
+    $[47] = isLocked;
+    $[48] = lockTilt;
+    $[49] = lockedSV;
+    $[50] = pauseMorph;
+    $[51] = sendMorph;
+    $[52] = t10;
+    $[53] = t9;
+  } else {
+    t10 = $[52];
+    t9 = $[53];
+  }
+  useEffect(t9, t10);
+  let t11;
+  if ($[54] !== bob || $[55] !== buttonShown || $[56] !== circle || $[57] !== fingerUp || $[58] !== flightTarget || $[59] !== isCircleMounted || $[60] !== isRecording || $[61] !== isTakeSV || $[62] !== lastReported || $[63] !== lockHide || $[64] !== lockHideTarget || $[65] !== lockTilt || $[66] !== lockedSV || $[67] !== pauseMorph) {
+    t11 = {
+      circle,
+      fingerUp,
+      lockedSV,
+      isTakeSV,
+      lockHide,
+      lockHideTarget,
+      lockTilt,
+      pauseMorph,
+      bob,
+      lastReported,
+      buttonShown,
+      exitReasonRef,
+      flightTarget,
+      isCircleMounted,
+      isRecording
+    };
+    $[54] = bob;
+    $[55] = buttonShown;
+    $[56] = circle;
+    $[57] = fingerUp;
+    $[58] = flightTarget;
+    $[59] = isCircleMounted;
+    $[60] = isRecording;
+    $[61] = isTakeSV;
+    $[62] = lastReported;
+    $[63] = lockHide;
+    $[64] = lockHideTarget;
+    $[65] = lockTilt;
+    $[66] = lockedSV;
+    $[67] = pauseMorph;
+    $[68] = t11;
+  } else {
+    t11 = $[68];
+  }
+  return t11;
+}
+function _temp() {}
+//# sourceMappingURL=useRecordTake.js.map