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

package/lib/components/VideoNoteCapture/VideoNotePreviewView.js

@@ -0,0 +1,105 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useCallback, useRef, useState } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { SpeakerIcon } from '../VideoNoteOverlay';
+import { expoVideo } from './optional';
+import { styles } from './styles';
+import { useRoundAnimation } from './useRoundAnimation';
+import { useRoundLayout } from './useRoundLayout';
+
+/**
+ * A paused take playing back in the circle: muted and looping, tap to hear it. Only mounted when expo-video is
+ * installed.
+ */
+export function VideoNotePreviewView(t0) {
+  const $ = _c(18);
+  const {
+    uri,
+    isClosing,
+    isSlideOut,
+    isFlight
+  } = t0;
+  const {
+    area,
+    onLayout,
+    roundSize
+  } = useRoundLayout();
+  const roundRef = useRef(null);
+  let t1;
+  if ($[0] !== area || $[1] !== isClosing || $[2] !== isFlight || $[3] !== isSlideOut || $[4] !== roundSize) {
+    t1 = {
+      isClosing,
+      isSlideOut,
+      isOpen: true,
+      area,
+      isFlight,
+      roundRef,
+      roundSize
+    };
+    $[0] = area;
+    $[1] = isClosing;
+    $[2] = isFlight;
+    $[3] = isSlideOut;
+    $[4] = roundSize;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  const {
+    roundStyle
+  } = useRoundAnimation(t1);
+  const [isMuted, setIsMuted] = useState(true);
+  const player = expoVideo.useVideoPlayer(uri, _temp);
+  const VideoView = expoVideo.VideoView;
+  let t2;
+  if ($[6] !== player) {
+    t2 = () => {
+      setIsMuted(current => {
+        const next = !current;
+        try {
+          player.muted = next;
+        } catch {}
+        return next;
+      });
+    };
+    $[6] = player;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const toggleMute = t2;
+  let t3;
+  if ($[8] !== isClosing || $[9] !== isMuted || $[10] !== player || $[11] !== roundSize || $[12] !== roundStyle || $[13] !== toggleMute) {
+    t3 = roundSize > 0 && <Animated.View ref={roundRef} collapsable={false} style={roundStyle}><Pressable onPress={toggleMute} disabled={isClosing} accessibilityRole="button" accessibilityLabel={isMuted ? "unmute preview" : "mute preview"} style={[styles.round, {
+        width: roundSize,
+        height: roundSize,
+        borderRadius: roundSize / 2
+      }]}><VideoView style={StyleSheet.absoluteFill} player={player} nativeControls={false} contentFit="cover" />{isMuted && <View style={styles.muteBadge} pointerEvents="none"><SpeakerIcon isMuted={true} size={14} /></View>}</Pressable></Animated.View>;
+    $[8] = isClosing;
+    $[9] = isMuted;
+    $[10] = player;
+    $[11] = roundSize;
+    $[12] = roundStyle;
+    $[13] = toggleMute;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  let t4;
+  if ($[15] !== onLayout || $[16] !== t3) {
+    t4 = <View style={styles.stage} onLayout={onLayout} pointerEvents="box-none">{t3}</View>;
+    $[15] = onLayout;
+    $[16] = t3;
+    $[17] = t4;
+  } else {
+    t4 = $[17];
+  }
+  return t4;
+}
+function _temp(p) {
+  p.loop = true;
+  p.muted = true;
+  p.play();
+}
+//# sourceMappingURL=VideoNotePreviewView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoNotePreviewView.js","names":["React","useCallback","useRef","useState","Pressable","StyleSheet","View","Animated","SpeakerIcon","expoVideo","styles","useRoundAnimation","useRoundLayout","VideoNotePreviewView","t0","$","_c","uri","isClosing","isSlideOut","isFlight","area","onLayout","roundSize","roundRef","t1","isOpen","roundStyle","isMuted","setIsMuted","player","useVideoPlayer","_temp","VideoView","t2","current","next","muted","toggleMute","t3","round","width","height","borderRadius","absoluteFill","muteBadge","t4","stage","p","loop","play"],"sources":["../../../src/components/VideoNoteCapture/VideoNotePreviewView.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react'\nimport { Pressable, StyleSheet, View } from 'react-native'\nimport Animated from 'react-native-reanimated'\n\nimport { SpeakerIcon } from '../VideoNoteOverlay'\nimport { expoVideo } from './optional'\nimport { styles } from './styles'\nimport { useRoundAnimation } from './useRoundAnimation'\nimport { useRoundLayout } from './useRoundLayout'\n\n/**\n * A paused take playing back in the circle: muted and looping, tap to hear it. Only mounted when expo-video is\n * installed.\n */\nexport function VideoNotePreviewView ({ uri, isClosing, isSlideOut, isFlight }: {\n  uri: string\n  isClosing: boolean\n  isSlideOut: boolean\n  isFlight: boolean\n}) {\n  const { area, onLayout, roundSize } = useRoundLayout()\n  const roundRef = useRef<React.ComponentRef<typeof View>>(null)\n  const { roundStyle } = useRoundAnimation({ isClosing, isSlideOut, isOpen: true, area, isFlight, roundRef, roundSize })\n  const [isMuted, setIsMuted] = useState(true)\n  const player = expoVideo.useVideoPlayer(uri, (p: any) => {\n    p.loop = true\n    p.muted = true\n    p.play()\n  })\n  const VideoView = expoVideo.VideoView\n\n  const toggleMute = useCallback(() => {\n    setIsMuted(current => {\n      const next = !current\n      try {\n        player.muted = next\n      } catch {\n        // player already released\n      }\n      return next\n    })\n  }, [player])\n\n  return (\n    <View style={styles.stage} onLayout={onLayout} pointerEvents='box-none'>\n      {roundSize > 0 && (\n        <Animated.View ref={roundRef} collapsable={false} style={roundStyle}>\n          <Pressable\n            onPress={toggleMute}\n            disabled={isClosing}\n            accessibilityRole='button'\n            accessibilityLabel={isMuted ? 'unmute preview' : 'mute preview'}\n            style={[styles.round, { width: roundSize, height: roundSize, borderRadius: roundSize / 2 }]}\n          >\n            <VideoView\n              style={StyleSheet.absoluteFill}\n              player={player}\n              nativeControls={false}\n              contentFit='cover'\n            />\n            {isMuted && (\n              <View style={styles.muteBadge} pointerEvents='none'>\n                <SpeakerIcon isMuted size={14} />\n              </View>\n            )}\n          </Pressable>\n        </Animated.View>\n      )}\n    </View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+/**
+ * The layer behind the circle, kept across capture and preview: fades in over
+ * 520ms and out the same way when the take ends. The chat is blurred
+ * under it with `expo-blur`, and
+ * without it a dim stands in.
+ */
+export declare function VideoNoteStage({ isClosing, children }: {
+    isClosing: boolean;
+    children: React.ReactNode;
+}): React.JSX.Element;
+//# sourceMappingURL=VideoNoteStage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoNoteStage.d.ts","sourceRoot":"","sources":["../../../src/components/VideoNoteCapture/VideoNoteStage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAgBxC;;;;;GAKG;AACH,wBAAgB,cAAc,CAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAwBzG"}

package/lib/components/VideoNoteCapture/VideoNoteStage.js

@@ -0,0 +1,95 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useColorScheme } from '../../hooks/useColorScheme';
+import { useTheme } from '../../hooks/useTheme';
+import { BLUR_INTENSITY, BLUR_LAYER_ALPHA, BLUR_WASH_ALPHA, DIM_ANIMATION_MS, EASE_OUT_QUINT } from './constants';
+import { BlurView } from './optional';
+import { styles } from './styles';
+
+/**
+ * The layer behind the circle, kept across capture and preview: fades in over
+ * 520ms and out the same way when the take ends. The chat is blurred
+ * under it with `expo-blur`, and
+ * without it a dim stands in.
+ */
+export function VideoNoteStage(t0) {
+  const $ = _c(17);
+  const {
+    isClosing,
+    children
+  } = t0;
+  const {
+    colors
+  } = useTheme();
+  const isDark = useColorScheme() === "dark";
+  const dim = useSharedValue(0);
+  let t1;
+  let t2;
+  if ($[0] !== dim || $[1] !== isClosing) {
+    t1 = () => {
+      dim.set(withTiming(isClosing ? 0 : 1, {
+        duration: DIM_ANIMATION_MS,
+        easing: EASE_OUT_QUINT
+      }));
+    };
+    t2 = [isClosing, dim];
+    $[0] = dim;
+    $[1] = isClosing;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  const isBlurred = !!BlurView;
+  const dimStyle = useAnimatedStyle(() => ({
+    opacity: dim.value * (isBlurred ? BLUR_LAYER_ALPHA : 1)
+  }));
+  const t3 = isClosing ? "none" : "box-none";
+  let t4;
+  if ($[4] !== dimStyle) {
+    t4 = [isBlurred ? styles.blurLayer : styles.dim, dimStyle];
+    $[4] = dimStyle;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const t5 = isClosing ? "none" : "auto";
+  let t6;
+  if ($[6] !== colors || $[7] !== isDark) {
+    t6 = isBlurred && <><BlurView style={StyleSheet.absoluteFill} tint={isDark ? "dark" : "default"} intensity={BLUR_INTENSITY} /><View style={[StyleSheet.absoluteFill, {
+        backgroundColor: colors.inputBarBackground,
+        opacity: BLUR_WASH_ALPHA
+      }]} /></>;
+    $[6] = colors;
+    $[7] = isDark;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  let t7;
+  if ($[9] !== t4 || $[10] !== t5 || $[11] !== t6) {
+    t7 = <Animated.View style={t4} pointerEvents={t5}>{t6}</Animated.View>;
+    $[9] = t4;
+    $[10] = t5;
+    $[11] = t6;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  let t8;
+  if ($[13] !== children || $[14] !== t3 || $[15] !== t7) {
+    t8 = <View style={StyleSheet.absoluteFill} pointerEvents={t3}>{t7}{children}</View>;
+    $[13] = children;
+    $[14] = t3;
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  return t8;
+}
+//# sourceMappingURL=VideoNoteStage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoNoteStage.js","names":["React","useEffect","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withTiming","useColorScheme","useTheme","BLUR_INTENSITY","BLUR_LAYER_ALPHA","BLUR_WASH_ALPHA","DIM_ANIMATION_MS","EASE_OUT_QUINT","BlurView","styles","VideoNoteStage","t0","$","_c","isClosing","children","colors","isDark","dim","t1","t2","set","duration","easing","isBlurred","dimStyle","opacity","value","t3","t4","blurLayer","t5","t6","absoluteFill","backgroundColor","inputBarBackground","t7","t8"],"sources":["../../../src/components/VideoNoteCapture/VideoNoteStage.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated'\n\nimport { useColorScheme } from '../../hooks/useColorScheme'\nimport { useTheme } from '../../hooks/useTheme'\nimport {\n  BLUR_INTENSITY,\n  BLUR_LAYER_ALPHA,\n  BLUR_WASH_ALPHA,\n  DIM_ANIMATION_MS,\n  EASE_OUT_QUINT,\n} from './constants'\nimport { BlurView } from './optional'\nimport { styles } from './styles'\n\n/**\n * The layer behind the circle, kept across capture and preview: fades in over\n * 520ms and out the same way when the take ends. The chat is blurred\n * under it with `expo-blur`, and\n * without it a dim stands in.\n */\nexport function VideoNoteStage ({ isClosing, children }: { isClosing: boolean, children: React.ReactNode }) {\n  const { colors } = useTheme()\n  const isDark = useColorScheme() === 'dark'\n  const dim = useSharedValue(0)\n  useEffect(() => {\n    dim.set(withTiming(isClosing ? 0 : 1, { duration: DIM_ANIMATION_MS, easing: EASE_OUT_QUINT }))\n  }, [isClosing, dim])\n  const isBlurred = !!BlurView\n  const dimStyle = useAnimatedStyle(() => ({ opacity: dim.value * (isBlurred ? BLUR_LAYER_ALPHA : 1) }))\n\n  return (\n    <View style={StyleSheet.absoluteFill} pointerEvents={isClosing ? 'none' : 'box-none'}>\n      {/* Blocks touches to the chat underneath while the camera is up. */}\n      <Animated.View style={[isBlurred ? styles.blurLayer : styles.dim, dimStyle]} pointerEvents={isClosing ? 'none' : 'auto'}>\n        {isBlurred && (\n          <>\n            <BlurView style={StyleSheet.absoluteFill} tint={isDark ? 'dark' : 'default'} intensity={BLUR_INTENSITY} />\n            <View style={[StyleSheet.absoluteFill, { backgroundColor: colors.inputBarBackground, opacity: BLUR_WASH_ALPHA }]} />\n          </>\n        )}\n      </Animated.View>\n      {children}\n    </View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+export declare const MAX_ROUND_SIZE = 360;
+export declare const RING_GAP = 8;
+export declare const RING_STROKE = 3;
+/** If the capture never reports back after a stop, give up and close. */
+export declare const FINISH_TIMEOUT_MS = 5000;
+/**
+ * How long to wait for a camera to show up before giving up. On Android the
+ * device list arrives asynchronously, so it can be empty on the first render.
+ */
+export declare const NO_CAMERA_TIMEOUT_MS = 2000;
+/** A round take shorter than 800ms is dropped. */
+export declare const DEFAULT_MIN_DURATION_MS = 800;
+/**
+ * A round take stops 0.5s before its 60s limit, into the preview rather than sending it.
+ */
+export declare const LIMIT_LEAD_MS = 500;
+/** The pause button is hidden in the last second (`millisecondsRecorded >= 59_000`). */
+export declare const PAUSE_HIDE_LEAD_MS = 1000;
+/** How long the pinch zoom takes to spring back (`finishZoom`). */
+export declare const ZOOM_RESET_MS = 200;
+/** The circle opens and closes in 180ms. */
+export declare const ROUND_ANIMATION_MS = 180;
+/**
+ * The blurred layer behind it fades over 520ms, EASE_OUT_QUINT.
+ */
+export declare const DIM_ANIMATION_MS = 520;
+/** That layer is drawn at alpha 232 of 255. */
+export declare const BLUR_LAYER_ALPHA: number;
+/**
+ * The layer is the navbar background: the chat blurred under the
+ * navbar's own colour. A strong blur with the bar colour washed over it gets
+ * closest to that.
+ */
+export declare const BLUR_INTENSITY = 60;
+export declare const BLUR_WASH_ALPHA = 0.55;
+/**
+ * A sent take's overlay waits for its message, flies there and crossfades, so
+ * it stays up for all of that, with room to spare.
+ */
+export declare const FLIGHT_CLOSE_MS: number;
+/** A take longer than this flies off towards the left edge as it closes (`recordedTime > 300`). */
+export declare const SLIDE_OUT_MIN_MS = 300;
+/** The closed circle ends 24dp from the left edge. */
+export declare const SLIDE_OUT_INSET = 24;
+/** The camera flip: rotate out to 90deg, switch, rotate back in from -90deg. */
+export declare const FLIP_MS = 580;
+/** Decelerate and ease-out-quint curves. */
+export declare const DECELERATE: import("react-native-reanimated").EasingFunction;
+export declare const EASE_OUT_QUINT: import("react-native-reanimated").EasingFunctionFactory;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/VideoNoteCapture/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,MAAM,CAAA;AACjC,eAAO,MAAM,QAAQ,IAAI,CAAA;AACzB,eAAO,MAAM,WAAW,IAAI,CAAA;AAC5B,yEAAyE;AACzE,eAAO,MAAM,iBAAiB,OAAO,CAAA;AACrC;;;GAGG;AACH,eAAO,MAAM,oBAAoB,OAAO,CAAA;AACxC,kDAAkD;AAClD,eAAO,MAAM,uBAAuB,MAAM,CAAA;AAC1C;;GAEG;AACH,eAAO,MAAM,aAAa,MAAM,CAAA;AAChC,wFAAwF;AACxF,eAAO,MAAM,kBAAkB,OAAO,CAAA;AACtC,mEAAmE;AACnE,eAAO,MAAM,aAAa,MAAM,CAAA;AAChC,4CAA4C;AAC5C,eAAO,MAAM,kBAAkB,MAAM,CAAA;AACrC;;GAEG;AACH,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,+CAA+C;AAC/C,eAAO,MAAM,gBAAgB,QAAY,CAAA;AACzC;;;;GAIG;AACH,eAAO,MAAM,cAAc,KAAK,CAAA;AAChC,eAAO,MAAM,eAAe,OAAO,CAAA;AACnC;;;GAGG;AACH,eAAO,MAAM,eAAe,QAAqE,CAAA;AACjG,mGAAmG;AACnG,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,sDAAsD;AACtD,eAAO,MAAM,eAAe,KAAK,CAAA;AACjC,gFAAgF;AAChF,eAAO,MAAM,OAAO,MAAM,CAAA;AAE1B,4CAA4C;AAC5C,eAAO,MAAM,UAAU,kDAA0B,CAAA;AACjD,eAAO,MAAM,cAAc,yDAAkC,CAAA"}

package/lib/components/VideoNoteCapture/constants.js

@@ -0,0 +1,53 @@
+import { Easing } from 'react-native-reanimated';
+import { ROUND_FLIGHT_FADE_MS, ROUND_FLIGHT_MS, SEND_FLIGHT_WAIT_MS } from '../sendFlight';
+export const MAX_ROUND_SIZE = 360;
+export const RING_GAP = 8;
+export const RING_STROKE = 3;
+/** If the capture never reports back after a stop, give up and close. */
+export const FINISH_TIMEOUT_MS = 5000;
+/**
+ * How long to wait for a camera to show up before giving up. On Android the
+ * device list arrives asynchronously, so it can be empty on the first render.
+ */
+export const NO_CAMERA_TIMEOUT_MS = 2000;
+/** A round take shorter than 800ms is dropped. */
+export const DEFAULT_MIN_DURATION_MS = 800;
+/**
+ * A round take stops 0.5s before its 60s limit, into the preview rather than sending it.
+ */
+export const LIMIT_LEAD_MS = 500;
+/** The pause button is hidden in the last second (`millisecondsRecorded >= 59_000`). */
+export const PAUSE_HIDE_LEAD_MS = 1000;
+/** How long the pinch zoom takes to spring back (`finishZoom`). */
+export const ZOOM_RESET_MS = 200;
+/** The circle opens and closes in 180ms. */
+export const ROUND_ANIMATION_MS = 180;
+/**
+ * The blurred layer behind it fades over 520ms, EASE_OUT_QUINT.
+ */
+export const DIM_ANIMATION_MS = 520;
+/** That layer is drawn at alpha 232 of 255. */
+export const BLUR_LAYER_ALPHA = 232 / 255;
+/**
+ * The layer is the navbar background: the chat blurred under the
+ * navbar's own colour. A strong blur with the bar colour washed over it gets
+ * closest to that.
+ */
+export const BLUR_INTENSITY = 60;
+export const BLUR_WASH_ALPHA = 0.55;
+/**
+ * A sent take's overlay waits for its message, flies there and crossfades, so
+ * it stays up for all of that, with room to spare.
+ */
+export const FLIGHT_CLOSE_MS = SEND_FLIGHT_WAIT_MS + ROUND_FLIGHT_MS + ROUND_FLIGHT_FADE_MS + 200;
+/** A take longer than this flies off towards the left edge as it closes (`recordedTime > 300`). */
+export const SLIDE_OUT_MIN_MS = 300;
+/** The closed circle ends 24dp from the left edge. */
+export const SLIDE_OUT_INSET = 24;
+/** The camera flip: rotate out to 90deg, switch, rotate back in from -90deg. */
+export const FLIP_MS = 580;
+
+/** Decelerate and ease-out-quint curves. */
+export const DECELERATE = Easing.out(Easing.quad);
+export const EASE_OUT_QUINT = Easing.bezier(0.23, 1, 0.32, 1);
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["Easing","ROUND_FLIGHT_FADE_MS","ROUND_FLIGHT_MS","SEND_FLIGHT_WAIT_MS","MAX_ROUND_SIZE","RING_GAP","RING_STROKE","FINISH_TIMEOUT_MS","NO_CAMERA_TIMEOUT_MS","DEFAULT_MIN_DURATION_MS","LIMIT_LEAD_MS","PAUSE_HIDE_LEAD_MS","ZOOM_RESET_MS","ROUND_ANIMATION_MS","DIM_ANIMATION_MS","BLUR_LAYER_ALPHA","BLUR_INTENSITY","BLUR_WASH_ALPHA","FLIGHT_CLOSE_MS","SLIDE_OUT_MIN_MS","SLIDE_OUT_INSET","FLIP_MS","DECELERATE","out","quad","EASE_OUT_QUINT","bezier"],"sources":["../../../src/components/VideoNoteCapture/constants.ts"],"sourcesContent":["import { Easing } from 'react-native-reanimated'\n\nimport { ROUND_FLIGHT_FADE_MS, ROUND_FLIGHT_MS, SEND_FLIGHT_WAIT_MS } from '../sendFlight'\n\nexport const MAX_ROUND_SIZE = 360\nexport const RING_GAP = 8\nexport const RING_STROKE = 3\n/** If the capture never reports back after a stop, give up and close. */\nexport const FINISH_TIMEOUT_MS = 5000\n/**\n * How long to wait for a camera to show up before giving up. On Android the\n * device list arrives asynchronously, so it can be empty on the first render.\n */\nexport const NO_CAMERA_TIMEOUT_MS = 2000\n/** A round take shorter than 800ms is dropped. */\nexport const DEFAULT_MIN_DURATION_MS = 800\n/**\n * A round take stops 0.5s before its 60s limit, into the preview rather than sending it.\n */\nexport const LIMIT_LEAD_MS = 500\n/** The pause button is hidden in the last second (`millisecondsRecorded >= 59_000`). */\nexport const PAUSE_HIDE_LEAD_MS = 1000\n/** How long the pinch zoom takes to spring back (`finishZoom`). */\nexport const ZOOM_RESET_MS = 200\n/** The circle opens and closes in 180ms. */\nexport const ROUND_ANIMATION_MS = 180\n/**\n * The blurred layer behind it fades over 520ms, EASE_OUT_QUINT.\n */\nexport const DIM_ANIMATION_MS = 520\n/** That layer is drawn at alpha 232 of 255. */\nexport const BLUR_LAYER_ALPHA = 232 / 255\n/**\n * The layer is the navbar background: the chat blurred under the\n * navbar's own colour. A strong blur with the bar colour washed over it gets\n * closest to that.\n */\nexport const BLUR_INTENSITY = 60\nexport const BLUR_WASH_ALPHA = 0.55\n/**\n * A sent take's overlay waits for its message, flies there and crossfades, so\n * it stays up for all of that, with room to spare.\n */\nexport const FLIGHT_CLOSE_MS = SEND_FLIGHT_WAIT_MS + ROUND_FLIGHT_MS + ROUND_FLIGHT_FADE_MS + 200\n/** A take longer than this flies off towards the left edge as it closes (`recordedTime > 300`). */\nexport const SLIDE_OUT_MIN_MS = 300\n/** The closed circle ends 24dp from the left edge. */\nexport const SLIDE_OUT_INSET = 24\n/** The camera flip: rotate out to 90deg, switch, rotate back in from -90deg. */\nexport const FLIP_MS = 580\n\n/** Decelerate and ease-out-quint curves. */\nexport const DECELERATE = Easing.out(Easing.quad)\nexport const EASE_OUT_QUINT = Easing.bezier(0.23, 1, 0.32, 1)\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,yBAAyB;AAEhD,SAASC,oBAAoB,EAAEC,eAAe,EAAEC,mBAAmB,QAAQ,eAAe;AAE1F,OAAO,MAAMC,cAAc,GAAG,GAAG;AACjC,OAAO,MAAMC,QAAQ,GAAG,CAAC;AACzB,OAAO,MAAMC,WAAW,GAAG,CAAC;AAC5B;AACA,OAAO,MAAMC,iBAAiB,GAAG,IAAI;AACrC;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAG,IAAI;AACxC;AACA,OAAO,MAAMC,uBAAuB,GAAG,GAAG;AAC1C;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAG,GAAG;AAChC;AACA,OAAO,MAAMC,kBAAkB,GAAG,IAAI;AACtC;AACA,OAAO,MAAMC,aAAa,GAAG,GAAG;AAChC;AACA,OAAO,MAAMC,kBAAkB,GAAG,GAAG;AACrC;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAG,GAAG;AACnC;AACA,OAAO,MAAMC,gBAAgB,GAAG,GAAG,GAAG,GAAG;AACzC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAG,EAAE;AAChC,OAAO,MAAMC,eAAe,GAAG,IAAI;AACnC;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAGf,mBAAmB,GAAGD,eAAe,GAAGD,oBAAoB,GAAG,GAAG;AACjG;AACA,OAAO,MAAMkB,gBAAgB,GAAG,GAAG;AACnC;AACA,OAAO,MAAMC,eAAe,GAAG,EAAE;AACjC;AACA,OAAO,MAAMC,OAAO,GAAG,GAAG;;AAE1B;AACA,OAAO,MAAMC,UAAU,GAAGtB,MAAM,CAACuB,GAAG,CAACvB,MAAM,CAACwB,IAAI,CAAC;AACjD,OAAO,MAAMC,cAAc,GAAGzB,MAAM,CAAC0B,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+export type { VideoNoteSession } from './types';
+export { useVideoNoteSession } from './useVideoNoteSession';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VideoNoteCapture/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA"}

package/lib/components/VideoNoteCapture/index.js

@@ -0,0 +1,2 @@
+export { useVideoNoteSession } from './useVideoNoteSession';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useVideoNoteSession"],"sources":["../../../src/components/VideoNoteCapture/index.ts"],"sourcesContent":["export type { VideoNoteSession } from './types'\nexport { useVideoNoteSession } from './useVideoNoteSession'\n"],"mappings":"AACA,SAASA,mBAAmB,QAAQ,uBAAuB","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+export declare const expoVideo: any;
+export declare const canPreview: boolean;
+export declare const BlurView: any;
+export declare const Svg: any;
+export declare const SvgCircle: any;
+//# sourceMappingURL=optional.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"optional.d.ts","sourceRoot":"","sources":["../../../src/components/VideoNoteCapture/optional.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,KAAiB,CAAA;AAEvC,eAAO,MAAM,UAAU,SAAwD,CAAA;AAI/E,eAAO,MAAM,QAAQ,KAAkC,CAAA;AAIvD,eAAO,MAAM,GAAG,EAAE,GAAyC,CAAA;AAC3D,eAAO,MAAM,SAAS,EAAE,GAAyB,CAAA"}

package/lib/components/VideoNoteCapture/optional.js

@@ -0,0 +1,15 @@
+import { getExpoBlur, getExpoVideo, getSvg } from '../../optional';
+
+// Optional player for the paused take's preview.
+export const expoVideo = getExpoVideo();
+export const canPreview = !!(expoVideo?.VideoView && expoVideo?.useVideoPlayer);
+
+// Optional blur for the layer behind the circle; without it a plain dim stands
+// in for the blurred chat.
+export const BlurView = getExpoBlur()?.BlurView ?? null;
+
+// Optional SVG for the progress ring; without it the note still records.
+const svg = getSvg();
+export const Svg = svg ? svg.Svg ?? svg.default : null;
+export const SvgCircle = svg?.Circle ?? null;
+//# sourceMappingURL=optional.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"optional.js","names":["getExpoBlur","getExpoVideo","getSvg","expoVideo","canPreview","VideoView","useVideoPlayer","BlurView","svg","Svg","default","SvgCircle","Circle"],"sources":["../../../src/components/VideoNoteCapture/optional.ts"],"sourcesContent":["import { getExpoBlur, getExpoVideo, getSvg } from '../../optional'\n\n// Optional player for the paused take's preview.\nexport const expoVideo = getExpoVideo()\n\nexport const canPreview = !!(expoVideo?.VideoView && expoVideo?.useVideoPlayer)\n\n// Optional blur for the layer behind the circle; without it a plain dim stands\n// in for the blurred chat.\nexport const BlurView = getExpoBlur()?.BlurView ?? null\n\n// Optional SVG for the progress ring; without it the note still records.\nconst svg = getSvg()\nexport const Svg: any = svg ? svg.Svg ?? svg.default : null\nexport const SvgCircle: any = svg?.Circle ?? null\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,YAAY,EAAEC,MAAM,QAAQ,gBAAgB;;AAElE;AACA,OAAO,MAAMC,SAAS,GAAGF,YAAY,CAAC,CAAC;AAEvC,OAAO,MAAMG,UAAU,GAAG,CAAC,EAAED,SAAS,EAAEE,SAAS,IAAIF,SAAS,EAAEG,cAAc,CAAC;;AAE/E;AACA;AACA,OAAO,MAAMC,QAAQ,GAAGP,WAAW,CAAC,CAAC,EAAEO,QAAQ,IAAI,IAAI;;AAEvD;AACA,MAAMC,GAAG,GAAGN,MAAM,CAAC,CAAC;AACpB,OAAO,MAAMO,GAAQ,GAAGD,GAAG,GAAGA,GAAG,CAACC,GAAG,IAAID,GAAG,CAACE,OAAO,GAAG,IAAI;AAC3D,OAAO,MAAMC,SAAc,GAAGH,GAAG,EAAEI,MAAM,IAAI,IAAI","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+import { Store } from '../../store';
+import { RecordButtonPhase } from '../RecordButton';
+import { ClosingTake, Phase, RingProgress } from './types';
+export declare const withFileScheme: (path: string) => string;
+/** The ring's progress for the session's phase, or for the take that is closing. */
+export declare function ringProgressOf(phase: Phase, closing: ClosingTake | null, elapsedStore: Store<number>, maxMs: number): RingProgress;
+/** Which view the overlay shows: the camera, the paused take's preview, or nothing. */
+export declare const overlayKindOf: (phase: Phase, closing: ClosingTake | null, previewUri: string | null) => "preview" | "capture" | null;
+export declare const buttonPhaseOf: (phase: Phase, isLocked: boolean) => RecordButtonPhase;
+//# sourceMappingURL=sessionState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sessionState.d.ts","sourceRoot":"","sources":["../../../src/components/VideoNoteCapture/sessionState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE1D,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,WACsC,CAAA;AAEjF,oFAAoF;AACpF,wBAAgB,cAAc,CAC5B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,WAAW,GAAG,IAAI,EAC3B,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAC3B,KAAK,EAAE,MAAM,GACZ,YAAY,CAYd;AAED,uFAAuF;AACvF,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,EAAE,SAAS,WAAW,GAAG,IAAI,EAAE,YAAY,MAAM,GAAG,IAAI,iCAGnC,CAAA;AAE/D,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,EAAE,UAAU,OAAO,KAAG,iBAKlD,CAAA"}

package/lib/components/VideoNoteCapture/sessionState.js

@@ -0,0 +1,19 @@
+export const withFileScheme = path => path.startsWith('file://') || path.startsWith('http') ? path : `file://${path}`;
+
+/** The ring's progress for the session's phase, or for the take that is closing. */
+export function ringProgressOf(phase, closing, elapsedStore, maxMs) {
+  // Closed: the ring holds the share it had when the take ended.
+  const progressPhase = phase === 'idle' ? closing?.fromPhase ?? 'idle' : phase;
+  // While recording, the ring reads the running time itself.
+  let progress = 0;
+  if (progressPhase === 'recording' || progressPhase === 'paused') progress = phase === 'idle' ? Math.min(1, (closing?.elapsed ?? 0) / maxMs) : {
+    elapsed: elapsedStore,
+    maxMs
+  };else if (progressPhase !== 'preparing' && progressPhase !== 'idle') progress = 1;
+  return progress;
+}
+
+/** Which view the overlay shows: the camera, the paused take's preview, or nothing. */
+export const overlayKindOf = (phase, closing, previewUri) => phase === 'idle' ? closing?.kind ?? null : phase === 'preview' && previewUri ? 'preview' : 'capture';
+export const buttonPhaseOf = (phase, isLocked) => phase === 'preview' || phase === 'paused' ? 'preview' : phase === 'preparing' || phase === 'recording' ? isLocked ? 'locked' : 'recording' : 'idle';
+//# sourceMappingURL=sessionState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sessionState.js","names":["withFileScheme","path","startsWith","ringProgressOf","phase","closing","elapsedStore","maxMs","progressPhase","fromPhase","progress","Math","min","elapsed","overlayKindOf","previewUri","kind","buttonPhaseOf","isLocked"],"sources":["../../../src/components/VideoNoteCapture/sessionState.ts"],"sourcesContent":["import { Store } from '../../store'\nimport { RecordButtonPhase } from '../RecordButton'\nimport { ClosingTake, Phase, RingProgress } from './types'\n\nexport const withFileScheme = (path: string) =>\n  path.startsWith('file://') || path.startsWith('http') ? path : `file://${path}`\n\n/** The ring's progress for the session's phase, or for the take that is closing. */\nexport function ringProgressOf (\n  phase: Phase,\n  closing: ClosingTake | null,\n  elapsedStore: Store<number>,\n  maxMs: number\n): RingProgress {\n  // Closed: the ring holds the share it had when the take ended.\n  const progressPhase = phase === 'idle' ? closing?.fromPhase ?? 'idle' : phase\n  // While recording, the ring reads the running time itself.\n  let progress: RingProgress = 0\n  if (progressPhase === 'recording' || progressPhase === 'paused')\n    progress = phase === 'idle'\n      ? Math.min(1, (closing?.elapsed ?? 0) / maxMs)\n      : { elapsed: elapsedStore, maxMs }\n  else if (progressPhase !== 'preparing' && progressPhase !== 'idle')\n    progress = 1\n  return progress\n}\n\n/** Which view the overlay shows: the camera, the paused take's preview, or nothing. */\nexport const overlayKindOf = (phase: Phase, closing: ClosingTake | null, previewUri: string | null) =>\n  phase === 'idle'\n    ? closing?.kind ?? null\n    : phase === 'preview' && previewUri ? 'preview' : 'capture'\n\nexport const buttonPhaseOf = (phase: Phase, isLocked: boolean): RecordButtonPhase =>\n  phase === 'preview' || phase === 'paused'\n    ? 'preview'\n    : phase === 'preparing' || phase === 'recording'\n      ? (isLocked ? 'locked' : 'recording')\n      : 'idle'\n"],"mappings":"AAIA,OAAO,MAAMA,cAAc,GAAIC,IAAY,IACzCA,IAAI,CAACC,UAAU,CAAC,SAAS,CAAC,IAAID,IAAI,CAACC,UAAU,CAAC,MAAM,CAAC,GAAGD,IAAI,GAAG,UAAUA,IAAI,EAAE;;AAEjF;AACA,OAAO,SAASE,cAAcA,CAC5BC,KAAY,EACZC,OAA2B,EAC3BC,YAA2B,EAC3BC,KAAa,EACC;EACd;EACA,MAAMC,aAAa,GAAGJ,KAAK,KAAK,MAAM,GAAGC,OAAO,EAAEI,SAAS,IAAI,MAAM,GAAGL,KAAK;EAC7E;EACA,IAAIM,QAAsB,GAAG,CAAC;EAC9B,IAAIF,aAAa,KAAK,WAAW,IAAIA,aAAa,KAAK,QAAQ,EAC7DE,QAAQ,GAAGN,KAAK,KAAK,MAAM,GACvBO,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE,CAACP,OAAO,EAAEQ,OAAO,IAAI,CAAC,IAAIN,KAAK,CAAC,GAC5C;IAAEM,OAAO,EAAEP,YAAY;IAAEC;EAAM,CAAC,MACjC,IAAIC,aAAa,KAAK,WAAW,IAAIA,aAAa,KAAK,MAAM,EAChEE,QAAQ,GAAG,CAAC;EACd,OAAOA,QAAQ;AACjB;;AAEA;AACA,OAAO,MAAMI,aAAa,GAAGA,CAACV,KAAY,EAAEC,OAA2B,EAAEU,UAAyB,KAChGX,KAAK,KAAK,MAAM,GACZC,OAAO,EAAEW,IAAI,IAAI,IAAI,GACrBZ,KAAK,KAAK,SAAS,IAAIW,UAAU,GAAG,SAAS,GAAG,SAAS;AAE/D,OAAO,MAAME,aAAa,GAAGA,CAACb,KAAY,EAAEc,QAAiB,KAC3Dd,KAAK,KAAK,SAAS,IAAIA,KAAK,KAAK,QAAQ,GACrC,SAAS,GACTA,KAAK,KAAK,WAAW,IAAIA,KAAK,KAAK,WAAW,GAC3Cc,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAClC,MAAM","ignoreList":[]}

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

@@ -0,0 +1,84 @@
+export declare const styles: Readonly<{
+    dim: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        backgroundColor: string;
+    };
+    blurLayer: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        overflow: "hidden";
+    };
+    stage: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    screenFlash: {
+        backgroundColor: string;
+    };
+    ringWrapper: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    round: {
+        overflow: "hidden";
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    placeholderText: {
+        color: string;
+        fontSize: number;
+        textAlign: "center";
+        paddingHorizontal: number;
+    };
+    utilityPill: {
+        position: "absolute";
+        left: number;
+        bottom: number;
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        backgroundColor: string;
+    };
+    utilityButton: {
+        width: number;
+        height: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    muteBadge: {
+        position: "absolute";
+        bottom: number;
+        alignSelf: "center";
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    pausedDim: {
+        backgroundColor: string;
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    };
+}>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/VideoNoteCapture/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmFjB,CAAA"}

package/lib/components/VideoNoteCapture/styles.js

@@ -0,0 +1,86 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+  // Dim, not black: the conversation stays visible behind the camera.
+  dim: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(0, 0, 0, 0.45)'
+  },
+  blurLayer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    overflow: 'hidden'
+  },
+  stage: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  // The front camera's flash is the screen itself, lit white behind the circle.
+  screenFlash: {
+    backgroundColor: '#FFFFFF'
+  },
+  ringWrapper: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  round: {
+    overflow: 'hidden',
+    backgroundColor: '#111',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  placeholderText: {
+    color: 'rgba(255,255,255,0.7)',
+    fontSize: 13,
+    textAlign: 'center',
+    paddingHorizontal: 24
+  },
+  // Camera flip and flash share one white pill in the corner.
+  utilityPill: {
+    position: 'absolute',
+    left: 16,
+    bottom: 16,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 4,
+    paddingHorizontal: 6,
+    paddingVertical: 4,
+    borderRadius: 24,
+    backgroundColor: 'rgba(255,255,255,0.92)'
+  },
+  utilityButton: {
+    width: 40,
+    height: 40,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  muteBadge: {
+    position: 'absolute',
+    bottom: 16,
+    alignSelf: 'center',
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    backgroundColor: 'rgba(0, 0, 0, 0.45)',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  // Over the paused take's frame (or the live camera where it cannot be frozen), so it does not
+  // read as recording.
+  pausedDim: {
+    ...StyleSheet.absoluteFill,
+    backgroundColor: 'rgba(0, 0, 0, 0.45)'
+  }
+});
+//# sourceMappingURL=styles.js.map