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

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

@@ -0,0 +1,159 @@
+export declare const styles: Readonly<{
+    overlay: {
+        flex: number;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+        paddingBottom: number;
+    };
+    ringWrapper: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    round: {
+        overflow: "hidden";
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    placeholder: {
+        alignItems: "center";
+        justifyContent: "center";
+        paddingHorizontal: number;
+        gap: number;
+    };
+    placeholderText: {
+        color: string;
+        fontSize: number;
+        textAlign: "center";
+        paddingHorizontal: number;
+    };
+    controls: {
+        position: "absolute";
+        left: number;
+        right: number;
+        bottom: number;
+        gap: number;
+    };
+    controlsRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+    };
+    utilityPill: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        backgroundColor: string;
+    };
+    utilityButton: {
+        width: number;
+        height: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    utilityColor: {
+        color: string;
+    };
+    pauseButton: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    bottomRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    statusBar: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "center";
+        height: number;
+        paddingHorizontal: number;
+        borderRadius: number;
+        backgroundColor: string;
+    };
+    recDot: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        marginRight: number;
+    };
+    statusTime: {
+        width: number;
+        fontSize: number;
+        color: string;
+        fontVariant: "tabular-nums"[];
+    };
+    cancelWrap: {
+        flex: number;
+        alignItems: "center";
+    };
+    cancelText: {
+        fontSize: number;
+        fontWeight: "600";
+        letterSpacing: number;
+        color: string;
+    };
+    statusSpacer: {
+        width: number;
+    };
+    sendButton: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    shutterRow: {
+        flex: number;
+        alignItems: "center";
+        gap: number;
+    };
+    recordButton: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    recordInner: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+    };
+    recordButtonDisabled: {
+        opacity: number;
+    };
+    recordButtonCancelArmed: {
+        borderColor: string;
+    };
+    closeButton: {
+        position: "absolute";
+        top: number;
+        right: number;
+        width: number;
+        height: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    hint: {
+        color: string;
+        fontSize: number;
+        textAlign: "center";
+        paddingHorizontal: number;
+    };
+}>;
+//# sourceMappingURL=styles.d.ts.map

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

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

package/lib/components/VideoNoteRecorder/styles.js

@@ -0,0 +1,170 @@
+import { StyleSheet } from 'react-native';
+import { CONTROLS_HEIGHT } from './constants';
+export const styles = StyleSheet.create({
+  // Dim, not black: the conversation stays visible behind the recorder.
+  overlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.45)',
+    alignItems: 'center',
+    justifyContent: 'center',
+    // Reserve the control strip so the circle centres in the space above it
+    // rather than sitting under the shutter and the status bar.
+    paddingBottom: CONTROLS_HEIGHT
+  },
+  ringWrapper: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  round: {
+    overflow: 'hidden',
+    backgroundColor: '#111',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  placeholder: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 24,
+    gap: 8
+  },
+  placeholderText: {
+    color: 'rgba(255,255,255,0.7)',
+    fontSize: 13,
+    textAlign: 'center',
+    paddingHorizontal: 24
+  },
+  // Everything below the circle, pinned to the bottom of the screen.
+  controls: {
+    position: 'absolute',
+    left: 16,
+    right: 16,
+    bottom: 28,
+    gap: 12
+  },
+  controlsRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  // White pill holding the flip / flash controls.
+  utilityPill: {
+    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'
+  },
+  utilityColor: {
+    color: '#1C1C1E'
+  },
+  pauseButton: {
+    width: 48,
+    height: 48,
+    borderRadius: 24,
+    backgroundColor: 'rgba(255,255,255,0.92)',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  bottomRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12
+  },
+  // Red dot + tenths timer + centred CANCEL, in one white bar.
+  statusBar: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    height: 52,
+    paddingHorizontal: 16,
+    borderRadius: 26,
+    backgroundColor: 'rgba(255,255,255,0.92)'
+  },
+  recDot: {
+    width: 9,
+    height: 9,
+    borderRadius: 4.5,
+    backgroundColor: '#FF3B30',
+    marginRight: 10
+  },
+  statusTime: {
+    width: 56,
+    fontSize: 15,
+    color: '#1C1C1E',
+    fontVariant: ['tabular-nums']
+  },
+  cancelWrap: {
+    flex: 1,
+    alignItems: 'center'
+  },
+  cancelText: {
+    fontSize: 15,
+    fontWeight: '600',
+    letterSpacing: 0.5,
+    color: '#3390EC'
+  },
+  // Mirrors `statusTime` so CANCEL is centred against the bar, not the free space.
+  statusSpacer: {
+    width: 56
+  },
+  sendButton: {
+    width: 56,
+    height: 56,
+    borderRadius: 28,
+    backgroundColor: '#3390EC',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  // Pre-recording state: the hold-to-record shutter and its hint.
+  shutterRow: {
+    flex: 1,
+    alignItems: 'center',
+    gap: 12
+  },
+  recordButton: {
+    width: 72,
+    height: 72,
+    borderRadius: 36,
+    borderWidth: 4,
+    borderColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  recordInner: {
+    width: 56,
+    height: 56,
+    borderRadius: 28,
+    backgroundColor: '#E74C3C'
+  },
+  recordButtonDisabled: {
+    opacity: 0.4
+  },
+  // Slid past the cancel threshold: the shutter reads as destructive.
+  recordButtonCancelArmed: {
+    borderColor: '#E74C3C'
+  },
+  closeButton: {
+    position: 'absolute',
+    top: 56,
+    right: 20,
+    width: 44,
+    height: 44,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  hint: {
+    color: 'rgba(255,255,255,0.85)',
+    fontSize: 14,
+    textAlign: 'center',
+    paddingHorizontal: 24
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["StyleSheet","CONTROLS_HEIGHT","styles","create","overlay","flex","backgroundColor","alignItems","justifyContent","paddingBottom","ringWrapper","round","overflow","placeholder","paddingHorizontal","gap","placeholderText","color","fontSize","textAlign","controls","position","left","right","bottom","controlsRow","flexDirection","utilityPill","paddingVertical","borderRadius","utilityButton","width","height","utilityColor","pauseButton","bottomRow","statusBar","recDot","marginRight","statusTime","fontVariant","cancelWrap","cancelText","fontWeight","letterSpacing","statusSpacer","sendButton","shutterRow","recordButton","borderWidth","borderColor","recordInner","recordButtonDisabled","opacity","recordButtonCancelArmed","closeButton","top","hint"],"sources":["../../../src/components/VideoNoteRecorder/styles.ts"],"sourcesContent":["import { StyleSheet } from 'react-native'\n\nimport { CONTROLS_HEIGHT } from './constants'\n\nexport const styles = StyleSheet.create({\n  // Dim, not black: the conversation stays visible behind the recorder.\n  overlay: {\n    flex: 1,\n    backgroundColor: 'rgba(0, 0, 0, 0.45)',\n    alignItems: 'center',\n    justifyContent: 'center',\n    // Reserve the control strip so the circle centres in the space above it\n    // rather than sitting under the shutter and the status bar.\n    paddingBottom: CONTROLS_HEIGHT,\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  placeholder: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 24,\n    gap: 8,\n  },\n  placeholderText: {\n    color: 'rgba(255,255,255,0.7)',\n    fontSize: 13,\n    textAlign: 'center',\n    paddingHorizontal: 24,\n  },\n  // Everything below the circle, pinned to the bottom of the screen.\n  controls: {\n    position: 'absolute',\n    left: 16,\n    right: 16,\n    bottom: 28,\n    gap: 12,\n  },\n  controlsRow: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  // White pill holding the flip / flash controls.\n  utilityPill: {\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  utilityColor: {\n    color: '#1C1C1E',\n  },\n  pauseButton: {\n    width: 48,\n    height: 48,\n    borderRadius: 24,\n    backgroundColor: 'rgba(255,255,255,0.92)',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  bottomRow: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 12,\n  },\n  // Red dot + tenths timer + centred CANCEL, in one white bar.\n  statusBar: {\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n    height: 52,\n    paddingHorizontal: 16,\n    borderRadius: 26,\n    backgroundColor: 'rgba(255,255,255,0.92)',\n  },\n  recDot: {\n    width: 9,\n    height: 9,\n    borderRadius: 4.5,\n    backgroundColor: '#FF3B30',\n    marginRight: 10,\n  },\n  statusTime: {\n    width: 56,\n    fontSize: 15,\n    color: '#1C1C1E',\n    fontVariant: ['tabular-nums'],\n  },\n  cancelWrap: {\n    flex: 1,\n    alignItems: 'center',\n  },\n  cancelText: {\n    fontSize: 15,\n    fontWeight: '600',\n    letterSpacing: 0.5,\n    color: '#3390EC',\n  },\n  // Mirrors `statusTime` so CANCEL is centred against the bar, not the free space.\n  statusSpacer: {\n    width: 56,\n  },\n  sendButton: {\n    width: 56,\n    height: 56,\n    borderRadius: 28,\n    backgroundColor: '#3390EC',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  // Pre-recording state: the hold-to-record shutter and its hint.\n  shutterRow: {\n    flex: 1,\n    alignItems: 'center',\n    gap: 12,\n  },\n  recordButton: {\n    width: 72,\n    height: 72,\n    borderRadius: 36,\n    borderWidth: 4,\n    borderColor: '#fff',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  recordInner: {\n    width: 56,\n    height: 56,\n    borderRadius: 28,\n    backgroundColor: '#E74C3C',\n  },\n  recordButtonDisabled: {\n    opacity: 0.4,\n  },\n  // Slid past the cancel threshold: the shutter reads as destructive.\n  recordButtonCancelArmed: {\n    borderColor: '#E74C3C',\n  },\n  closeButton: {\n    position: 'absolute',\n    top: 56,\n    right: 20,\n    width: 44,\n    height: 44,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  hint: {\n    color: 'rgba(255,255,255,0.85)',\n    fontSize: 14,\n    textAlign: 'center',\n    paddingHorizontal: 24,\n  },\n})\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import { IMessage, VideoRecordingProps } from '../../Models';
+export interface VideoNoteRecorderProps<TMessage extends IMessage = IMessage> {
+    config?: VideoRecordingProps;
+    onClose: () => void;
+    onSend?: (message: Partial<TMessage>, shouldResetInputToolbar: boolean) => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/VideoNoteRecorder/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAE5D,MAAM,WAAW,sBAAsB,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ;IAC1E,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,CACP,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC1B,uBAAuB,EAAE,OAAO,KAC7B,IAAI,CAAA;CACV"}

package/lib/components/VideoNoteRecorder/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/VideoNoteRecorder/types.ts"],"sourcesContent":["import { IMessage, VideoRecordingProps } from '../../Models'\n\nexport interface VideoNoteRecorderProps<TMessage extends IMessage = IMessage> {\n  config?: VideoRecordingProps\n  onClose: () => void\n  onSend?: (\n    message: Partial<TMessage>,\n    shouldResetInputToolbar: boolean\n  ) => void\n}\n"],"mappings":"","ignoreList":[]}

package/lib/components/VideoNoteRecorder/useRecordingTimer.d.ts

@@ -0,0 +1,10 @@
+/** Reusable elapsed-time ticker that auto-stops at `maxMs`. */
+export declare function useRecordingTimer(maxMs: number, onMax: () => void): {
+    elapsed: number;
+    isRecording: boolean;
+    begin: () => void;
+    end: () => void;
+    pause: () => void;
+    resume: () => void;
+};
+//# sourceMappingURL=useRecordingTimer.d.ts.map

package/lib/components/VideoNoteRecorder/useRecordingTimer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecordingTimer.d.ts","sourceRoot":"","sources":["../../../src/components/VideoNoteRecorder/useRecordingTimer.ts"],"names":[],"mappings":"AAEA,+DAA+D;AAC/D,wBAAgB,iBAAiB,CAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI;;;;;;;EA8DlE"}

package/lib/components/VideoNoteRecorder/useRecordingTimer.js

@@ -0,0 +1,134 @@
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+
+/** Reusable elapsed-time ticker that auto-stops at `maxMs`. */
+export function useRecordingTimer(maxMs, onMax) {
+  const $ = _c(16);
+  const [elapsed, setElapsed] = useState(0);
+  const [isRecording, setIsRecording] = useState(false);
+  const startedAtRef = useRef(0);
+  const timerRef = useRef(null);
+  const onMaxRef = useRef(onMax);
+  let t0;
+  if ($[0] !== onMax) {
+    t0 = () => {
+      onMaxRef.current = onMax;
+    };
+    $[0] = onMax;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  useLayoutEffect(t0);
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      if (timerRef.current) {
+        clearInterval(timerRef.current);
+        timerRef.current = null;
+      }
+    };
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const clear = t1;
+  let t2;
+  let t3;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => clear;
+    t3 = [clear];
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t2 = $[3];
+    t3 = $[4];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[5] !== maxMs) {
+    t4 = () => {
+      startedAtRef.current = Date.now();
+      setElapsed(0);
+      setIsRecording(true);
+      clear();
+      timerRef.current = setInterval(() => {
+        const ms = Date.now() - startedAtRef.current;
+        setElapsed(ms);
+        if (ms >= maxMs) {
+          onMaxRef.current();
+        }
+      }, 100);
+    };
+    $[5] = maxMs;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const begin = t4;
+  let t5;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => {
+      clear();
+      setIsRecording(false);
+    };
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  const end = t5;
+  const pausedAtRef = useRef(0);
+  let t6;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = () => {
+      pausedAtRef.current = Date.now();
+      clear();
+    };
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  const pause = t6;
+  let t7;
+  if ($[9] !== maxMs) {
+    t7 = () => {
+      if (pausedAtRef.current > 0) {
+        startedAtRef.current = startedAtRef.current + (Date.now() - pausedAtRef.current);
+        pausedAtRef.current = 0;
+      }
+      clear();
+      timerRef.current = setInterval(() => {
+        const ms_0 = Date.now() - startedAtRef.current;
+        setElapsed(ms_0);
+        if (ms_0 >= maxMs) {
+          onMaxRef.current();
+        }
+      }, 100);
+    };
+    $[9] = maxMs;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  const resume = t7;
+  let t8;
+  if ($[11] !== begin || $[12] !== elapsed || $[13] !== isRecording || $[14] !== resume) {
+    t8 = {
+      elapsed,
+      isRecording,
+      begin,
+      end,
+      pause,
+      resume
+    };
+    $[11] = begin;
+    $[12] = elapsed;
+    $[13] = isRecording;
+    $[14] = resume;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  return t8;
+}
+//# sourceMappingURL=useRecordingTimer.js.map

package/lib/components/VideoNoteRecorder/useRecordingTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecordingTimer.js","names":["useCallback","useEffect","useLayoutEffect","useRef","useState","useRecordingTimer","maxMs","onMax","$","_c","elapsed","setElapsed","isRecording","setIsRecording","startedAtRef","timerRef","onMaxRef","t0","current","t1","Symbol","for","clearInterval","clear","t2","t3","t4","Date","now","setInterval","ms","begin","t5","end","pausedAtRef","t6","pause","t7","ms_0","resume","t8"],"sources":["../../../src/components/VideoNoteRecorder/useRecordingTimer.ts"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react'\n\n/** Reusable elapsed-time ticker that auto-stops at `maxMs`. */\nexport function useRecordingTimer (maxMs: number, onMax: () => void) {\n  const [elapsed, setElapsed] = useState(0)\n  const [isRecording, setIsRecording] = useState(false)\n  const startedAtRef = useRef(0)\n  const timerRef = useRef<ReturnType<typeof setInterval> | null>(null)\n  const onMaxRef = useRef(onMax)\n  useLayoutEffect(() => {\n    onMaxRef.current = onMax\n  })\n\n  const clear = useCallback(() => {\n    if (timerRef.current) {\n      clearInterval(timerRef.current)\n      timerRef.current = null\n    }\n  }, [])\n\n  useEffect(() => clear, [clear])\n\n  const begin = useCallback(() => {\n    startedAtRef.current = Date.now()\n    setElapsed(0)\n    setIsRecording(true)\n    clear()\n    timerRef.current = setInterval(() => {\n      const ms = Date.now() - startedAtRef.current\n      setElapsed(ms)\n      if (ms >= maxMs)\n        onMaxRef.current()\n    }, 100)\n  }, [clear, maxMs])\n\n  const end = useCallback(() => {\n    clear()\n    setIsRecording(false)\n  }, [clear])\n\n  // Pausing freezes the clock; resuming shifts the start point forward by the\n  // paused span so the elapsed time still matches the recorded footage.\n  const pausedAtRef = useRef(0)\n\n  const pause = useCallback(() => {\n    pausedAtRef.current = Date.now()\n    clear()\n  }, [clear])\n\n  const resume = useCallback(() => {\n    if (pausedAtRef.current > 0) {\n      startedAtRef.current += Date.now() - pausedAtRef.current\n      pausedAtRef.current = 0\n    }\n\n    clear()\n    timerRef.current = setInterval(() => {\n      const ms = Date.now() - startedAtRef.current\n      setElapsed(ms)\n      if (ms >= maxMs)\n        onMaxRef.current()\n    }, 100)\n  }, [clear, maxMs])\n\n  return { elapsed, isRecording, begin, end, pause, resume }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/components/VideoNoteRecorder/useVideoNoteRecording.d.ts

@@ -0,0 +1,28 @@
+import { IMessage } from '../../Models';
+import { VideoNoteRecorderProps } from './types';
+interface Options<TMessage extends IMessage> extends VideoNoteRecorderProps<TMessage> {
+    /** The vision-camera video output the recorder records through. */
+    videoOutput: any;
+    /** A device and camera permission are both present. */
+    canRecord: boolean;
+}
+/**
+ * The recording controller behind the live recorder: start / stop / pause on
+ * the persistent recorder, the elapsed-time ticker, the lock and pause state,
+ * and the abort paths that keep a cancelled take from being posted.
+ */
+export declare function useVideoNoteRecording<TMessage extends IMessage = IMessage>({ config, onClose, onSend, videoOutput, canRecord, }: Options<TMessage>): {
+    elapsed: number;
+    maxMs: number;
+    isRecording: boolean;
+    isLocked: boolean;
+    setIsLocked: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isPaused: boolean;
+    onShutterStart: () => void;
+    onShutterStop: () => void;
+    onShutterCancel: () => void;
+    abort: () => void;
+    togglePause: () => Promise<void>;
+};
+export {};
+//# sourceMappingURL=useVideoNoteRecording.d.ts.map

package/lib/components/VideoNoteRecorder/useVideoNoteRecording.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVideoNoteRecording.d.ts","sourceRoot":"","sources":["../../../src/components/VideoNoteRecorder/useVideoNoteRecording.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAIvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGhD,UAAU,OAAO,CAAC,QAAQ,SAAS,QAAQ,CAAE,SAAQ,sBAAsB,CAAC,QAAQ,CAAC;IACnF,mEAAmE;IACnE,WAAW,EAAE,GAAG,CAAA;IAChB,uDAAuD;IACvD,SAAS,EAAE,OAAO,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAG,EAC3E,MAAM,EACN,OAAO,EACP,MAAM,EACN,WAAW,EACX,SAAS,GACV,EAAE,OAAO,CAAC,QAAQ,CAAC;;;;;;;;;;;;EA0InB"}