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

package/lib/components/VideoNoteCapture/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["StyleSheet","styles","create","dim","position","top","left","right","bottom","backgroundColor","blurLayer","overflow","stage","alignItems","justifyContent","screenFlash","ringWrapper","round","placeholderText","color","fontSize","textAlign","paddingHorizontal","utilityPill","flexDirection","gap","paddingVertical","borderRadius","utilityButton","width","height","muteBadge","alignSelf","pausedDim","absoluteFill"],"sources":["../../../src/components/VideoNoteCapture/styles.ts"],"sourcesContent":["import { StyleSheet } from 'react-native'\n\nexport const styles = StyleSheet.create({\n  // Dim, not black: the conversation stays visible behind the camera.\n  dim: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    backgroundColor: 'rgba(0, 0, 0, 0.45)',\n  },\n  blurLayer: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    overflow: 'hidden',\n  },\n  stage: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  // The front camera's flash is the screen itself, lit white behind the circle.\n  screenFlash: {\n    backgroundColor: '#FFFFFF',\n  },\n  ringWrapper: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  round: {\n    overflow: 'hidden',\n    backgroundColor: '#111',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  placeholderText: {\n    color: 'rgba(255,255,255,0.7)',\n    fontSize: 13,\n    textAlign: 'center',\n    paddingHorizontal: 24,\n  },\n  // Camera flip and flash share one white pill in the corner.\n  utilityPill: {\n    position: 'absolute',\n    left: 16,\n    bottom: 16,\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n    paddingHorizontal: 6,\n    paddingVertical: 4,\n    borderRadius: 24,\n    backgroundColor: 'rgba(255,255,255,0.92)',\n  },\n  utilityButton: {\n    width: 40,\n    height: 40,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  muteBadge: {\n    position: 'absolute',\n    bottom: 16,\n    alignSelf: 'center',\n    width: 28,\n    height: 28,\n    borderRadius: 14,\n    backgroundColor: 'rgba(0, 0, 0, 0.45)',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  // Over the paused take's frame (or the live camera where it cannot be frozen), so it does not\n  // read as recording.\n  pausedDim: {\n    ...StyleSheet.absoluteFill,\n    backgroundColor: 'rgba(0, 0, 0, 0.45)',\n  },\n})\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EACtC;EACAC,GAAG,EAAE;IACHC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE;EACnB,CAAC;EACDC,SAAS,EAAE;IACTN,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTG,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLR,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTK,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD;EACAC,WAAW,EAAE;IACXN,eAAe,EAAE;EACnB,CAAC;EACDO,WAAW,EAAE;IACXH,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDG,KAAK,EAAE;IACLN,QAAQ,EAAE,QAAQ;IAClBF,eAAe,EAAE,MAAM;IACvBI,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDI,eAAe,EAAE;IACfC,KAAK,EAAE,uBAAuB;IAC9BC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,QAAQ;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACD;EACAC,WAAW,EAAE;IACXnB,QAAQ,EAAE,UAAU;IACpBE,IAAI,EAAE,EAAE;IACRE,MAAM,EAAE,EAAE;IACVgB,aAAa,EAAE,KAAK;IACpBX,UAAU,EAAE,QAAQ;IACpBY,GAAG,EAAE,CAAC;IACNH,iBAAiB,EAAE,CAAC;IACpBI,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE,EAAE;IAChBlB,eAAe,EAAE;EACnB,CAAC;EACDmB,aAAa,EAAE;IACbC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVjB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDiB,SAAS,EAAE;IACT3B,QAAQ,EAAE,UAAU;IACpBI,MAAM,EAAE,EAAE;IACVwB,SAAS,EAAE,QAAQ;IACnBH,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVH,YAAY,EAAE,EAAE;IAChBlB,eAAe,EAAE,qBAAqB;IACtCI,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD;EACA;EACAmB,SAAS,EAAE;IACT,GAAGjC,UAAU,CAACkC,YAAY;IAC1BzB,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/VideoNoteCapture/types.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import { Store } from '../../store';
+import { RecordButtonPhase } from '../RecordButton';
+/** `paused` holds the recorder's file open (Resume continues it); `preview` plays a finished one. */
+export type Phase = 'idle' | 'preparing' | 'recording' | 'paused' | 'stopping' | 'preview' | 'finishing';
+/** What the composer needs to drive and draw a round video note take. */
+export interface VideoNoteSession {
+    /** A take is starting, recording or in preview, so the toolbar shows its bar. */
+    isActive: boolean;
+    isLocked: boolean;
+    /** The camera is actually recording, not just opening. */
+    isCapturing: boolean;
+    /** The record button's state for this take. */
+    buttonPhase: RecordButtonPhase;
+    /** Set while a paused take plays back for review. */
+    preview: {
+        durationMs: number;
+    } | null;
+    /** Finger went down on the control: open the camera and record. */
+    start: () => void;
+    /** Finger lifted (`cancelled` when slid to cancel), or Send / CANCEL pressed. */
+    finish: (cancelled: boolean) => void;
+    /** Slid up past the lock threshold: keep recording hands-free. */
+    lock: () => void;
+    /** Locked: pause the recording, holding it open. */
+    pause?: () => void;
+    /** Paused: carry on recording into the same video. */
+    resume?: () => void;
+    /** Send the take, recording or previewed. */
+    send: () => void;
+    /** The take goes out as view-once (`voiceOnce`). */
+    isViewOnce: boolean;
+    /** Flips `isViewOnce`; undefined unless `videoRecording.isViewOnceEnabled`. */
+    toggleViewOnce?: () => void;
+    /** The camera, or the preview, to draw over the message list; null when idle. */
+    overlay: React.ReactNode;
+}
+/** A take that has ended, held while its overlay closes. */
+export interface ClosingTake {
+    kind: 'capture' | 'preview';
+    isSlideOut: boolean;
+    uri: string | null;
+    /** Sent: the circle flies into the new note instead of closing. */
+    isFlight: boolean;
+    /** The phase the take closed from and its elapsed time, so the ring holds its last share. */
+    fromPhase: Phase;
+    elapsed: number;
+}
+/** The ring's share of the max length: fixed, or read from the running time while recording. */
+export type RingProgress = number | {
+    elapsed: Store<number>;
+    maxMs: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/components/VideoNoteCapture/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/VideoNoteCapture/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,qGAAqG;AACrG,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAAA;AAExG,yEAAyE;AACzE,MAAM,WAAW,gBAAgB;IAC/B,iFAAiF;IACjF,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,0DAA0D;IAC1D,WAAW,EAAE,OAAO,CAAA;IACpB,+CAA+C;IAC/C,WAAW,EAAE,iBAAiB,CAAA;IAC9B,qDAAqD;IACrD,OAAO,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IACtC,mEAAmE;IACnE,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,iFAAiF;IACjF,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,kEAAkE;IAClE,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;IAClB,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,6CAA6C;IAC7C,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,oDAAoD;IACpD,UAAU,EAAE,OAAO,CAAA;IACnB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,iFAAiF;IACjF,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,4DAA4D;AAC5D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,SAAS,GAAG,SAAS,CAAA;IAC3B,UAAU,EAAE,OAAO,CAAA;IACnB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,mEAAmE;IACnE,QAAQ,EAAE,OAAO,CAAA;IACjB,6FAA6F;IAC7F,SAAS,EAAE,KAAK,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,gGAAgG;AAChG,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG;IAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA"}

package/lib/components/VideoNoteCapture/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/VideoNoteCapture/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/VideoNoteCapture/types.ts"],"sourcesContent":["import React from 'react'\n\nimport { Store } from '../../store'\nimport { RecordButtonPhase } from '../RecordButton'\n\n/** `paused` holds the recorder's file open (Resume continues it); `preview` plays a finished one. */\nexport type Phase = 'idle' | 'preparing' | 'recording' | 'paused' | 'stopping' | 'preview' | 'finishing'\n\n/** What the composer needs to drive and draw a round video note take. */\nexport interface VideoNoteSession {\n  /** A take is starting, recording or in preview, so the toolbar shows its bar. */\n  isActive: boolean\n  isLocked: boolean\n  /** The camera is actually recording, not just opening. */\n  isCapturing: boolean\n  /** The record button's state for this take. */\n  buttonPhase: RecordButtonPhase\n  /** Set while a paused take plays back for review. */\n  preview: { durationMs: number } | null\n  /** Finger went down on the control: open the camera and record. */\n  start: () => void\n  /** Finger lifted (`cancelled` when slid to cancel), or Send / CANCEL pressed. */\n  finish: (cancelled: boolean) => void\n  /** Slid up past the lock threshold: keep recording hands-free. */\n  lock: () => void\n  /** Locked: pause the recording, holding it open. */\n  pause?: () => void\n  /** Paused: carry on recording into the same video. */\n  resume?: () => void\n  /** Send the take, recording or previewed. */\n  send: () => void\n  /** The take goes out as view-once (`voiceOnce`). */\n  isViewOnce: boolean\n  /** Flips `isViewOnce`; undefined unless `videoRecording.isViewOnceEnabled`. */\n  toggleViewOnce?: () => void\n  /** The camera, or the preview, to draw over the message list; null when idle. */\n  overlay: React.ReactNode\n}\n\n/** A take that has ended, held while its overlay closes. */\nexport interface ClosingTake {\n  kind: 'capture' | 'preview'\n  isSlideOut: boolean\n  uri: string | null\n  /** Sent: the circle flies into the new note instead of closing. */\n  isFlight: boolean\n  /** The phase the take closed from and its elapsed time, so the ring holds its last share. */\n  fromPhase: Phase\n  elapsed: number\n}\n\n/** The ring's share of the max length: fixed, or read from the running time while recording. */\nexport type RingProgress = number | { elapsed: Store<number>, maxMs: number }\n"],"mappings":"","ignoreList":[]}

package/lib/components/VideoNoteCapture/useRoundAnimation.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import { View } from 'react-native';
+/**
+ * The circle opens from 0.1 and half a
+ * screen down over 180ms, and closes the same way - towards the left edge
+ * when the take was long enough to send. A paused take's preview is already
+ * open.
+ */
+export declare function useRoundAnimation({ isClosing, isSlideOut, isOpen, area, isFlight, roundRef, roundSize }: {
+    isClosing: boolean;
+    isSlideOut: boolean;
+    /** Starts open, without the rise (`fromPaused`). */
+    isOpen: boolean;
+    area: {
+        width: number;
+        height: number;
+    };
+    /** Sent: fly into the new note rather than close. */
+    isFlight: boolean;
+    /** The view centred on the circle, measured for the flight. */
+    roundRef: React.RefObject<React.ComponentRef<typeof View> | null>;
+    roundSize: number;
+}): {
+    roundStyle: import("react-native-reanimated/lib/typescript/hook/commonTypes").AnimatedStyleHandle<{
+        opacity: number;
+        transform: ({
+            translateX: number;
+            translateY?: undefined;
+            scale?: undefined;
+        } | {
+            translateY: number;
+            translateX?: undefined;
+            scale?: undefined;
+        } | {
+            scale: number;
+            translateX?: undefined;
+            translateY?: undefined;
+        })[];
+    }>;
+    controlsStyle: import("react-native-reanimated/lib/typescript/hook/commonTypes").AnimatedStyleHandle<{
+        opacity: number;
+    }>;
+    ringStyle: import("react-native-reanimated/lib/typescript/hook/commonTypes").AnimatedStyleHandle<{
+        opacity: number;
+    }>;
+};
+//# sourceMappingURL=useRoundAnimation.d.ts.map

package/lib/components/VideoNoteCapture/useRoundAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRoundAnimation.d.ts","sourceRoot":"","sources":["../../../src/components/VideoNoteCapture/useRoundAnimation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoE,MAAM,OAAO,CAAA;AACxF,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAenC;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAE,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IACzG,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,oDAAoD;IACpD,MAAM,EAAE,OAAO,CAAA;IACf,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IACvC,qDAAqD;IACrD,QAAQ,EAAE,OAAO,CAAA;IACjB,+DAA+D;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG,IAAI,CAAC,CAAA;IACjE,SAAS,EAAE,MAAM,CAAA;CAClB;;;;;;;;;;;;;;;;;;;;;;;EA+GA"}

package/lib/components/VideoNoteCapture/useRoundAnimation.js

@@ -0,0 +1,216 @@
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { Easing, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { ROUND_FLIGHT_FADE_MS, ROUND_FLIGHT_MS, SEND_FLIGHT_WAIT_MS, abandonSendFlight, easeDefault, easeOutQuint, finishSendFlight, onSendFlightTarget } from '../sendFlight';
+import { DECELERATE, ROUND_ANIMATION_MS, SLIDE_OUT_INSET } from './constants';
+
+/**
+ * The circle opens from 0.1 and half a
+ * screen down over 180ms, and closes the same way - towards the left edge
+ * when the take was long enough to send. A paused take's preview is already
+ * open.
+ */
+export function useRoundAnimation(t0) {
+  const $ = _c(26);
+  const {
+    isClosing,
+    isSlideOut,
+    isOpen,
+    area,
+    isFlight,
+    roundRef,
+    roundSize
+  } = t0;
+  const [isFlightAbandoned, setIsFlightAbandoned] = useState(false);
+  const isClosed = isClosing && (!isFlight || isFlightAbandoned);
+  const open = useSharedValue(isOpen ? 1 : 0);
+  let t1;
+  let t2;
+  if ($[0] !== isClosed || $[1] !== open) {
+    t1 = () => {
+      open.set(withTiming(isClosed ? 0 : 1, {
+        duration: ROUND_ANIMATION_MS,
+        easing: DECELERATE
+      }));
+    };
+    t2 = [isClosed, open];
+    $[0] = isClosed;
+    $[1] = open;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  const chrome = useSharedValue(isOpen ? 1 : 0);
+  let t3;
+  let t4;
+  if ($[4] !== chrome || $[5] !== isClosing) {
+    t3 = () => {
+      chrome.set(withTiming(isClosing ? 0 : 1, {
+        duration: ROUND_ANIMATION_MS,
+        easing: DECELERATE
+      }));
+    };
+    t4 = [isClosing, chrome];
+    $[4] = chrome;
+    $[5] = isClosing;
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t3 = $[6];
+    t4 = $[7];
+  }
+  useEffect(t3, t4);
+  const fly = useSharedValue(0);
+  const flyX = useSharedValue(0);
+  const flyY = useSharedValue(0);
+  const flyScale = useSharedValue(1);
+  const fade = useSharedValue(1);
+  const roundSizeRef = useRef(roundSize);
+  let t5;
+  if ($[8] !== roundSize) {
+    t5 = () => {
+      roundSizeRef.current = roundSize;
+    };
+    $[8] = roundSize;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  useLayoutEffect(t5);
+  let t6;
+  if ($[10] !== fade) {
+    t6 = () => {
+      finishSendFlight("round");
+      fade.set(withTiming(0, {
+        duration: ROUND_FLIGHT_FADE_MS,
+        easing: DECELERATE
+      }));
+    };
+    $[10] = fade;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  const jsLanded = t6;
+  let t7;
+  let t8;
+  if ($[12] !== fly || $[13] !== flyScale || $[14] !== flyX || $[15] !== flyY || $[16] !== isClosing || $[17] !== isFlight || $[18] !== jsLanded || $[19] !== roundRef) {
+    t7 = () => {
+      if (!isClosing || !isFlight) {
+        return;
+      }
+      let isWaiting = true;
+      let isFlying = false;
+      let off;
+      const timer = setTimeout(() => {
+        isWaiting = false;
+        off?.();
+        abandonSendFlight("round");
+        setIsFlightAbandoned(true);
+      }, SEND_FLIGHT_WAIT_MS);
+      const unsubscribe = onSendFlightTarget("round", target => {
+        if (!isWaiting) {
+          return;
+        }
+        isWaiting = false;
+        clearTimeout(timer);
+        off?.();
+        isFlying = true;
+        const node = roundRef.current;
+        const size = roundSizeRef.current;
+        if (!node || size <= 0) {
+          isFlying = false;
+          jsLanded();
+          return;
+        }
+        node.measureInWindow((x, y, width, height) => {
+          if (!isFlying) {
+            return;
+          }
+          flyX.set(target.x + target.size / 2 - (x + width / 2));
+          flyY.set(target.y + target.size / 2 - (y + height / 2));
+          flyScale.set(target.size / size);
+          fly.set(withTiming(1, {
+            duration: ROUND_FLIGHT_MS,
+            easing: Easing.linear
+          }, finished => {
+            if (finished) {
+              runOnJS(jsLanded)();
+            }
+          }));
+        });
+      });
+      if (isWaiting) {
+        off = unsubscribe;
+      } else {
+        unsubscribe();
+      }
+      return () => {
+        clearTimeout(timer);
+        off?.();
+        if (isWaiting) {
+          abandonSendFlight("round");
+        }
+        if (isFlying && fly.value < 1) {
+          finishSendFlight("round");
+        }
+        isFlying = false;
+      };
+    };
+    t8 = [isClosing, isFlight, roundRef, fly, flyX, flyY, flyScale, jsLanded];
+    $[12] = fly;
+    $[13] = flyScale;
+    $[14] = flyX;
+    $[15] = flyY;
+    $[16] = isClosing;
+    $[17] = isFlight;
+    $[18] = jsLanded;
+    $[19] = roundRef;
+    $[20] = t7;
+    $[21] = t8;
+  } else {
+    t7 = $[20];
+    t8 = $[21];
+  }
+  useEffect(t7, t8);
+  const toX = isClosed && isSlideOut ? SLIDE_OUT_INSET - area.width / 2 : 0;
+  const toY = isOpen ? 0 : area.height / 2;
+  const roundStyle = useAnimatedStyle(() => {
+    const quint = easeOutQuint(fly.value);
+    return {
+      opacity: open.value * fade.value,
+      transform: [{
+        translateX: toX * (1 - open.value) + flyX.value * easeDefault(fly.value)
+      }, {
+        translateY: toY * (1 - open.value) + flyY.value * quint
+      }, {
+        scale: (0.1 + 0.9 * open.value) * (1 + (flyScale.value - 1) * quint)
+      }]
+    };
+  });
+  const controlsStyle = useAnimatedStyle(() => ({
+    opacity: open.value * chrome.value
+  }));
+  const ringStyle = useAnimatedStyle(() => ({
+    opacity: chrome.value
+  }));
+  let t9;
+  if ($[22] !== controlsStyle || $[23] !== ringStyle || $[24] !== roundStyle) {
+    t9 = {
+      roundStyle,
+      controlsStyle,
+      ringStyle
+    };
+    $[22] = controlsStyle;
+    $[23] = ringStyle;
+    $[24] = roundStyle;
+    $[25] = t9;
+  } else {
+    t9 = $[25];
+  }
+  return t9;
+}
+//# sourceMappingURL=useRoundAnimation.js.map

package/lib/components/VideoNoteCapture/useRoundAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRoundAnimation.js","names":["useCallback","useEffect","useLayoutEffect","useRef","useState","Easing","runOnJS","useAnimatedStyle","useSharedValue","withTiming","ROUND_FLIGHT_FADE_MS","ROUND_FLIGHT_MS","SEND_FLIGHT_WAIT_MS","abandonSendFlight","easeDefault","easeOutQuint","finishSendFlight","onSendFlightTarget","DECELERATE","ROUND_ANIMATION_MS","SLIDE_OUT_INSET","useRoundAnimation","t0","$","_c","isClosing","isSlideOut","isOpen","area","isFlight","roundRef","roundSize","isFlightAbandoned","setIsFlightAbandoned","isClosed","open","t1","t2","set","duration","easing","chrome","t3","t4","fly","flyX","flyY","flyScale","fade","roundSizeRef","t5","current","t6","jsLanded","t7","t8","isWaiting","isFlying","off","timer","setTimeout","unsubscribe","target","clearTimeout","node","size","measureInWindow","x","y","width","height","linear","finished","value","toX","toY","roundStyle","quint","opacity","transform","translateX","translateY","scale","controlsStyle","ringStyle","t9"],"sources":["../../../src/components/VideoNoteCapture/useRoundAnimation.ts"],"sourcesContent":["import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport { View } from 'react-native'\nimport { Easing, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated'\n\nimport {\n  ROUND_FLIGHT_FADE_MS,\n  ROUND_FLIGHT_MS,\n  SEND_FLIGHT_WAIT_MS,\n  abandonSendFlight,\n  easeDefault,\n  easeOutQuint,\n  finishSendFlight,\n  onSendFlightTarget,\n} from '../sendFlight'\nimport { DECELERATE, ROUND_ANIMATION_MS, SLIDE_OUT_INSET } from './constants'\n\n/**\n * The circle opens from 0.1 and half a\n * screen down over 180ms, and closes the same way - towards the left edge\n * when the take was long enough to send. A paused take's preview is already\n * open.\n */\nexport function useRoundAnimation ({ isClosing, isSlideOut, isOpen, area, isFlight, roundRef, roundSize }: {\n  isClosing: boolean\n  isSlideOut: boolean\n  /** Starts open, without the rise (`fromPaused`). */\n  isOpen: boolean\n  area: { width: number, height: number }\n  /** Sent: fly into the new note rather than close. */\n  isFlight: boolean\n  /** The view centred on the circle, measured for the flight. */\n  roundRef: React.RefObject<React.ComponentRef<typeof View> | null>\n  roundSize: number\n}) {\n  // No note landed in time: close the ordinary way after all.\n  const [isFlightAbandoned, setIsFlightAbandoned] = useState(false)\n  const isClosed = isClosing && (!isFlight || isFlightAbandoned)\n\n  const open = useSharedValue(isOpen ? 1 : 0)\n  useEffect(() => {\n    open.set(withTiming(isClosed ? 0 : 1, { duration: ROUND_ANIMATION_MS, easing: DECELERATE }))\n  }, [isClosed, open])\n\n  // The ring and the buttons go as soon as the take ends, on a flight too\n  // (`getButtonsLayout`, `getPaint` faded to 0).\n  const chrome = useSharedValue(isOpen ? 1 : 0)\n  useEffect(() => {\n    chrome.set(withTiming(isClosing ? 0 : 1, { duration: ROUND_ANIMATION_MS, easing: DECELERATE }))\n  }, [isClosing, chrome])\n\n  // The round note flight: the camera circle moves onto the note\n  // and scales to its size over 300ms - x on the default curve, y and scale\n  // eased out-quint - then crossfades out over 100ms as the note shows.\n  const fly = useSharedValue(0)\n  const flyX = useSharedValue(0)\n  const flyY = useSharedValue(0)\n  const flyScale = useSharedValue(1)\n  const fade = useSharedValue(1)\n  const roundSizeRef = useRef(roundSize)\n  useLayoutEffect(() => {\n    roundSizeRef.current = roundSize\n  })\n\n  const jsLanded = useCallback(() => {\n    finishSendFlight('round')\n    fade.set(withTiming(0, { duration: ROUND_FLIGHT_FADE_MS, easing: DECELERATE }))\n  }, [fade])\n\n  useEffect(() => {\n    if (!isClosing || !isFlight)\n      return\n\n    let isWaiting = true\n    let isFlying = false\n    let off: (() => void) | undefined\n    const timer = setTimeout(() => {\n      isWaiting = false\n      off?.()\n      abandonSendFlight('round')\n      setIsFlightAbandoned(true)\n    }, SEND_FLIGHT_WAIT_MS)\n\n    const unsubscribe = onSendFlightTarget('round', target => {\n      if (!isWaiting)\n        return\n\n      isWaiting = false\n      clearTimeout(timer)\n      off?.()\n      isFlying = true\n      const node = roundRef.current\n      const size = roundSizeRef.current\n      if (!node || size <= 0) {\n        isFlying = false\n        jsLanded()\n        return\n      }\n\n      node.measureInWindow((x, y, width, height) => {\n        if (!isFlying)\n          return\n\n        flyX.set(target.x + target.size / 2 - (x + width / 2))\n        flyY.set(target.y + target.size / 2 - (y + height / 2))\n        flyScale.set(target.size / size)\n        fly.set(withTiming(1, { duration: ROUND_FLIGHT_MS, easing: Easing.linear }, finished => {\n          if (finished)\n            runOnJS(jsLanded)()\n        }))\n      })\n    })\n    if (isWaiting)\n      off = unsubscribe\n    else\n      unsubscribe()\n\n    return () => {\n      clearTimeout(timer)\n      off?.()\n      if (isWaiting)\n        abandonSendFlight('round')\n      // Torn down mid-flight: let the note show rather than stay hidden.\n      if (isFlying && fly.value < 1)\n        finishSendFlight('round')\n      isFlying = false\n    }\n  }, [isClosing, isFlight, roundRef, fly, flyX, flyY, flyScale, jsLanded])\n\n  const toX = isClosed && isSlideOut ? SLIDE_OUT_INSET - area.width / 2 : 0\n  const toY = isOpen ? 0 : area.height / 2\n  const roundStyle = useAnimatedStyle(() => {\n    const quint = easeOutQuint(fly.value)\n    return {\n      opacity: open.value * fade.value,\n      transform: [\n        { translateX: toX * (1 - open.value) + flyX.value * easeDefault(fly.value) },\n        { translateY: toY * (1 - open.value) + flyY.value * quint },\n        { scale: (0.1 + 0.9 * open.value) * (1 + (flyScale.value - 1) * quint) },\n      ],\n    }\n  })\n  const controlsStyle = useAnimatedStyle(() => ({ opacity: open.value * chrome.value }))\n  const ringStyle = useAnimatedStyle(() => ({ opacity: chrome.value }))\n  return { roundStyle, controlsStyle, ringStyle }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/components/VideoNoteCapture/useRoundLayout.d.ts

@@ -0,0 +1,14 @@
+import { LayoutChangeEvent } from 'react-native';
+/** Lays out the circle as large as the space above the composer allows. */
+export declare function useRoundLayout(): {
+    area: {
+        width: number;
+        height: number;
+    };
+    onLayout: (event: LayoutChangeEvent) => void;
+    roundSize: number;
+    ringRadius: number;
+    ringCircumference: number;
+    ringBox: number;
+};
+//# sourceMappingURL=useRoundLayout.d.ts.map

package/lib/components/VideoNoteCapture/useRoundLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRoundLayout.d.ts","sourceRoot":"","sources":["../../../src/components/VideoNoteCapture/useRoundLayout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAIhD,2EAA2E;AAC3E,wBAAgB,cAAc;;;;;sBAES,iBAAiB;;;;;EAgBvD"}

package/lib/components/VideoNoteCapture/useRoundLayout.js

@@ -0,0 +1,61 @@
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useState } from 'react';
+import { MAX_ROUND_SIZE, RING_GAP, RING_STROKE } from './constants';
+
+/** Lays out the circle as large as the space above the composer allows. */
+export function useRoundLayout() {
+  const $ = _c(8);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      width: 0,
+      height: 0
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const [area, setArea] = useState(t0);
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = event => {
+      const {
+        width,
+        height
+      } = event.nativeEvent.layout;
+      setArea({
+        width,
+        height
+      });
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const onLayout = t1;
+  const roundSize = Math.max(0, Math.min(area.width * 0.82, area.height - 96, MAX_ROUND_SIZE));
+  const ringRadius = roundSize / 2 + RING_GAP;
+  const t2 = 2 * Math.PI * ringRadius;
+  const t3 = (ringRadius + RING_STROKE) * 2;
+  let t4;
+  if ($[2] !== area || $[3] !== ringRadius || $[4] !== roundSize || $[5] !== t2 || $[6] !== t3) {
+    t4 = {
+      area,
+      onLayout,
+      roundSize,
+      ringRadius,
+      ringCircumference: t2,
+      ringBox: t3
+    };
+    $[2] = area;
+    $[3] = ringRadius;
+    $[4] = roundSize;
+    $[5] = t2;
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  return t4;
+}
+//# sourceMappingURL=useRoundLayout.js.map

package/lib/components/VideoNoteCapture/useRoundLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRoundLayout.js","names":["useCallback","useState","MAX_ROUND_SIZE","RING_GAP","RING_STROKE","useRoundLayout","$","_c","t0","Symbol","for","width","height","area","setArea","t1","event","nativeEvent","layout","onLayout","roundSize","Math","max","min","ringRadius","t2","PI","t3","t4","ringCircumference","ringBox"],"sources":["../../../src/components/VideoNoteCapture/useRoundLayout.ts"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport { LayoutChangeEvent } from 'react-native'\n\nimport { MAX_ROUND_SIZE, RING_GAP, RING_STROKE } from './constants'\n\n/** Lays out the circle as large as the space above the composer allows. */\nexport function useRoundLayout () {\n  const [area, setArea] = useState({ width: 0, height: 0 })\n  const onLayout = useCallback((event: LayoutChangeEvent) => {\n    const { width, height } = event.nativeEvent.layout\n    setArea({ width, height })\n  }, [])\n\n  // The preview fills most of the chat.\n  const roundSize = Math.max(0, Math.min(area.width * 0.82, area.height - 96, MAX_ROUND_SIZE))\n  const ringRadius = roundSize / 2 + RING_GAP\n  return {\n    area,\n    onLayout,\n    roundSize,\n    ringRadius,\n    ringCircumference: 2 * Math.PI * ringRadius,\n    ringBox: (ringRadius + RING_STROKE) * 2,\n  }\n}\n"],"mappings":";AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAG7C,SAASC,cAAc,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,aAAa;;AAEnE;AACA,OAAO,SAAAC,eAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAC4BF,EAAA;MAAAG,KAAA,EAAS,CAAC;MAAAC,MAAA,EAAU;IAAE,CAAC;IAAAN,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAAxD,OAAAO,IAAA,EAAAC,OAAA,IAAwBb,QAAQ,CAACO,EAAuB,CAAC;EAAA,IAAAO,EAAA;EAAA,IAAAT,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAC5BK,EAAA,GAAAC,KAAA;MAC3B;QAAAL,KAAA;QAAAC;MAAA,IAA0BI,KAAK,CAAAC,WAAY,CAAAC,MAAO;MAClDJ,OAAO,CAAC;QAAAH,KAAA;QAAAC;MAAgB,CAAC,CAAC;IAAA,CAC3B;IAAAN,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAHD,MAAAa,QAAA,GAAiBJ,EAGX;EAGN,MAAAK,SAAA,GAAkBC,IAAI,CAAAC,GAAI,CAAC,CAAC,EAAED,IAAI,CAAAE,GAAI,CAACV,IAAI,CAAAF,KAAM,GAAG,IAAI,EAAEE,IAAI,CAAAD,MAAO,GAAG,EAAE,EAAEV,cAAc,CAAC,CAAC;EAC5F,MAAAsB,UAAA,GAAmBJ,SAAS,GAAG,CAAC,GAAGjB,QAAQ;EAMtB,MAAAsB,EAAA,IAAC,GAAGJ,IAAI,CAAAK,EAAG,GAAGF,UAAU;EAClC,MAAAG,EAAA,IAACH,UAAU,GAAGpB,WAAW,IAAI,CAAC;EAAA,IAAAwB,EAAA;EAAA,IAAAtB,CAAA,QAAAO,IAAA,IAAAP,CAAA,QAAAkB,UAAA,IAAAlB,CAAA,QAAAc,SAAA,IAAAd,CAAA,QAAAmB,EAAA,IAAAnB,CAAA,QAAAqB,EAAA;IANlCC,EAAA;MAAAf,IAAA;MAAAM,QAAA;MAAAC,SAAA;MAAAI,UAAA;MAAAK,iBAAA,EAKcJ,EAAwB;MAAAK,OAAA,EAClCH;IACX,CAAC;IAAArB,CAAA,MAAAO,IAAA;IAAAP,CAAA,MAAAkB,UAAA;IAAAlB,CAAA,MAAAc,SAAA;IAAAd,CAAA,MAAAmB,EAAA;IAAAnB,CAAA,MAAAqB,EAAA;IAAArB,CAAA,MAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAAA,OAPMsB,EAON;AAAA","ignoreList":[]}

package/lib/components/VideoNoteCapture/useVideoNoteSession.d.ts

@@ -0,0 +1,25 @@
+import { IMessage, VideoRecordingProps } from '../../Models';
+import { Store } from '../../store';
+import { VideoNoteSession } from './types';
+/**
+ * The round video note take, driven by the composer's own record
+ * button: hold to record, release to send, slide left to cancel, slide up to
+ * lock. The camera opens
+ * under the finger and starts recording as soon as it is initialized. A
+ * locked take can be paused and resumed: the recorder holds its file open, so
+ * the take goes on in the same video. The time limit stops into a looping
+ * preview of the finished file instead of sending.
+ *
+ * Only used when vision-camera's native module is linked; the system-camera
+ * fallback keeps its tap-to-open button.
+ */
+export declare function useVideoNoteSession<TMessage extends IMessage = IMessage>({ config, onSend, elapsedStore: elapsedStoreProp, }: {
+    config?: VideoRecordingProps;
+    onSend?: (message: Partial<TMessage>, shouldResetInputToolbar: boolean) => void;
+    /**
+     * Where the running time goes, ten times a second: a store, so a tick re-renders only what
+     * shows it (the bar's timer, the ring) and not the composer. Kept after the take ends.
+     */
+    elapsedStore?: Store<number>;
+}): VideoNoteSession;
+//# sourceMappingURL=useVideoNoteSession.d.ts.map

package/lib/components/VideoNoteCapture/useVideoNoteSession.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVideoNoteSession.d.ts","sourceRoot":"","sources":["../../../src/components/VideoNoteCapture/useVideoNoteSession.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAe,KAAK,EAAE,MAAM,aAAa,CAAA;AAuBhD,OAAO,EAAsB,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK9D;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAG,EACzE,MAAM,EACN,MAAM,EACN,YAAY,EAAE,gBAAgB,GAC/B,EAAE;IACD,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,uBAAuB,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/E;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;CAC7B,GAAG,gBAAgB,CAianB"}