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

package/lib/components/UnreadSeparator.js

@@ -0,0 +1,101 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { useLabels } from '../hooks/useLabels';
+import { useThemedStyles } from '../hooks/useTheme';
+import { Icon } from './Icon';
+
+/**
+ * The "Unread Messages" bar: a full-width strip above the
+ * first message you have not read, with the label in the middle and a small down arrow at the
+ * right.
+ */
+export function UnreadSeparator() {
+  const $ = _c(15);
+  const styles = useThemedStyles(createStyles);
+  const labels = useLabels();
+  let t0;
+  if ($[0] !== styles.arrowColor.color) {
+    t0 = <Icon name="chevronDown" size={18} color={styles.arrowColor.color} fallback={null} />;
+    $[0] = styles.arrowColor.color;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== styles.arrow || $[3] !== t0) {
+    t1 = <View style={styles.arrow}>{t0}</View>;
+    $[2] = styles.arrow;
+    $[3] = t0;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== styles.bar || $[6] !== t1) {
+    t2 = <View style={styles.bar}>{t1}</View>;
+    $[5] = styles.bar;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== labels.unreadMessages || $[9] !== styles.text) {
+    t3 = <Text style={styles.text} numberOfLines={1}>{labels.unreadMessages}</Text>;
+    $[8] = labels.unreadMessages;
+    $[9] = styles.text;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] !== styles.cell || $[12] !== t2 || $[13] !== t3) {
+    t4 = <View style={styles.cell} testID="unread-separator" accessibilityRole="header">{t2}{t3}</View>;
+    $[11] = styles.cell;
+    $[12] = t2;
+    $[13] = t3;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  return t4;
+}
+
+// A 40dp cell; the bar is 27 tall, 7 from the top, full width; the label is 14dp
+// bold, centered in the cell with 32 either side; the arrow sits 10 from the right edge.
+const createStyles = theme => StyleSheet.create({
+  cell: {
+    height: 40,
+    justifyContent: 'center',
+    marginBottom: 2
+  },
+  bar: {
+    position: 'absolute',
+    top: 7,
+    left: 0,
+    right: 0,
+    height: 27,
+    justifyContent: 'center',
+    alignItems: 'flex-end',
+    backgroundColor: theme.colors.unreadSeparatorBackground,
+    // `newmsg_divider` has a hairline shadow along both edges.
+    boxShadow: '0 0.5px 0.5px rgba(0, 0, 0, 0.08)'
+  },
+  arrow: {
+    marginRight: 10,
+    paddingTop: 2
+  },
+  arrowColor: {
+    color: theme.colors.unreadSeparatorArrow
+  },
+  text: {
+    marginHorizontal: 32,
+    paddingBottom: 1,
+    alignSelf: 'center',
+    fontSize: 14,
+    fontWeight: '700',
+    color: theme.colors.unreadSeparatorText
+  }
+});
+//# sourceMappingURL=UnreadSeparator.js.map

package/lib/components/UnreadSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnreadSeparator.js","names":["React","StyleSheet","Text","View","useLabels","useThemedStyles","Icon","UnreadSeparator","$","_c","styles","createStyles","labels","t0","arrowColor","color","t1","arrow","t2","bar","t3","unreadMessages","text","t4","cell","theme","create","height","justifyContent","marginBottom","position","top","left","right","alignItems","backgroundColor","colors","unreadSeparatorBackground","boxShadow","marginRight","paddingTop","unreadSeparatorArrow","marginHorizontal","paddingBottom","alignSelf","fontSize","fontWeight","unreadSeparatorText"],"sources":["../../src/components/UnreadSeparator.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet, Text, View } from 'react-native'\n\nimport { useLabels } from '../hooks/useLabels'\nimport { useThemedStyles } from '../hooks/useTheme'\nimport { ChatTheme } from '../Theme'\nimport { Icon } from './Icon'\n\n/**\n * The \"Unread Messages\" bar: a full-width strip above the\n * first message you have not read, with the label in the middle and a small down arrow at the\n * right.\n */\nexport function UnreadSeparator () {\n  const styles = useThemedStyles(createStyles)\n  const labels = useLabels()\n\n  return (\n    <View style={styles.cell} testID='unread-separator' accessibilityRole='header'>\n      <View style={styles.bar}>\n        <View style={styles.arrow}>\n          <Icon name='chevronDown' size={18} color={styles.arrowColor.color} fallback={null} />\n        </View>\n      </View>\n      <Text style={styles.text} numberOfLines={1}>{labels.unreadMessages}</Text>\n    </View>\n  )\n}\n\n// A 40dp cell; the bar is 27 tall, 7 from the top, full width; the label is 14dp\n// bold, centered in the cell with 32 either side; the arrow sits 10 from the right edge.\nconst createStyles = (theme: ChatTheme) => StyleSheet.create({\n  cell: {\n    height: 40,\n    justifyContent: 'center',\n    marginBottom: 2,\n  },\n  bar: {\n    position: 'absolute',\n    top: 7,\n    left: 0,\n    right: 0,\n    height: 27,\n    justifyContent: 'center',\n    alignItems: 'flex-end',\n    backgroundColor: theme.colors.unreadSeparatorBackground,\n    // `newmsg_divider` has a hairline shadow along both edges.\n    boxShadow: '0 0.5px 0.5px rgba(0, 0, 0, 0.08)',\n  },\n  arrow: {\n    marginRight: 10,\n    paddingTop: 2,\n  },\n  arrowColor: {\n    color: theme.colors.unreadSeparatorArrow,\n  },\n  text: {\n    marginHorizontal: 32,\n    paddingBottom: 1,\n    alignSelf: 'center',\n    fontSize: 14,\n    fontWeight: '700',\n    color: theme.colors.unreadSeparatorText,\n  },\n})\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import Animated from 'react-native-reanimated';
+import { RingProgress } from './types';
+/**
+ * The elapsed arc around the camera. Its own component, so a tick of the running time
+ * re-renders the arc and not the camera view.
+ */
+export declare function ProgressRing({ progress, ringBox, ringRadius, ringCircumference, color, ringStyle }: {
+    progress: RingProgress;
+    ringBox: number;
+    ringRadius: number;
+    ringCircumference: number;
+    color: string;
+    ringStyle: React.ComponentProps<typeof Animated.View>['style'];
+}): React.JSX.Element | null;
+//# sourceMappingURL=ProgressRing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRing.d.ts","sourceRoot":"","sources":["../../../src/components/VideoNoteCapture/ProgressRing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,QAAQ,MAAM,yBAAyB,CAAA;AAM9C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC;;;GAGG;AACH,wBAAgB,YAAY,CAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IACpG,QAAQ,EAAE,YAAY,CAAA;IACtB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,MAAM,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAA;CAC/D,4BA0BA"}

package/lib/components/VideoNoteCapture/ProgressRing.js

@@ -0,0 +1,75 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { useStore } from '../../store';
+import { sameNumber } from '../recordingMeter';
+import { RING_STROKE } from './constants';
+import { Svg, SvgCircle } from './optional';
+/**
+ * The elapsed arc around the camera. Its own component, so a tick of the running time
+ * re-renders the arc and not the camera view.
+ */
+export function ProgressRing(t0) {
+  const $ = _c(16);
+  const {
+    progress,
+    ringBox,
+    ringRadius,
+    ringCircumference,
+    color,
+    ringStyle
+  } = t0;
+  const live = typeof progress === "object" ? progress : undefined;
+  const elapsed = useStore(live?.elapsed, sameNumber, 0);
+  const share = live ? Math.min(1, elapsed / live.maxMs) : progress;
+  if (!SvgCircle || share <= 0) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== ringStyle) {
+    t1 = [StyleSheet.absoluteFill, ringStyle];
+    $[0] = ringStyle;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = ringBox / 2;
+  const t3 = ringBox / 2;
+  const t4 = ringCircumference * (1 - share);
+  const t5 = `rotate(-90 ${ringBox / 2} ${ringBox / 2})`;
+  let t6;
+  if ($[2] !== color || $[3] !== ringCircumference || $[4] !== ringRadius || $[5] !== t2 || $[6] !== t3 || $[7] !== t4 || $[8] !== t5) {
+    t6 = <SvgCircle cx={t2} cy={t3} r={ringRadius} stroke={color} strokeWidth={RING_STROKE} fill="none" strokeLinecap="round" strokeDasharray={ringCircumference} strokeDashoffset={t4} transform={t5} />;
+    $[2] = color;
+    $[3] = ringCircumference;
+    $[4] = ringRadius;
+    $[5] = t2;
+    $[6] = t3;
+    $[7] = t4;
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] !== ringBox || $[11] !== t6) {
+    t7 = <Svg width={ringBox} height={ringBox} style={StyleSheet.absoluteFill} pointerEvents="none">{t6}</Svg>;
+    $[10] = ringBox;
+    $[11] = t6;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  let t8;
+  if ($[13] !== t1 || $[14] !== t7) {
+    t8 = <Animated.View style={t1} pointerEvents="none">{t7}</Animated.View>;
+    $[13] = t1;
+    $[14] = t7;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  return t8;
+}
+//# sourceMappingURL=ProgressRing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRing.js","names":["React","StyleSheet","Animated","useStore","sameNumber","RING_STROKE","Svg","SvgCircle","ProgressRing","t0","$","_c","progress","ringBox","ringRadius","ringCircumference","color","ringStyle","live","undefined","elapsed","share","Math","min","maxMs","t1","absoluteFill","t2","t3","t4","t5","t6","t7","t8"],"sources":["../../../src/components/VideoNoteCapture/ProgressRing.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet } from 'react-native'\nimport Animated from 'react-native-reanimated'\n\nimport { useStore } from '../../store'\nimport { sameNumber } from '../recordingMeter'\nimport { RING_STROKE } from './constants'\nimport { Svg, SvgCircle } from './optional'\nimport { RingProgress } from './types'\n\n/**\n * The elapsed arc around the camera. Its own component, so a tick of the running time\n * re-renders the arc and not the camera view.\n */\nexport function ProgressRing ({ progress, ringBox, ringRadius, ringCircumference, color, ringStyle }: {\n  progress: RingProgress\n  ringBox: number\n  ringRadius: number\n  ringCircumference: number\n  color: string\n  ringStyle: React.ComponentProps<typeof Animated.View>['style']\n}) {\n  const live = typeof progress === 'object' ? progress : undefined\n  const elapsed = useStore(live?.elapsed, sameNumber, 0)\n  const share = live ? Math.min(1, elapsed / live.maxMs) : (progress as number)\n  if (!SvgCircle || share <= 0)\n    return null\n\n  return (\n    <Animated.View style={[StyleSheet.absoluteFill, ringStyle]} pointerEvents='none'>\n      <Svg width={ringBox} height={ringBox} style={StyleSheet.absoluteFill} pointerEvents='none'>\n        {/* Only the elapsed arc, no track. */}\n        <SvgCircle\n          cx={ringBox / 2}\n          cy={ringBox / 2}\n          r={ringRadius}\n          stroke={color}\n          strokeWidth={RING_STROKE}\n          fill='none'\n          strokeLinecap='round'\n          strokeDasharray={ringCircumference}\n          strokeDashoffset={ringCircumference * (1 - share)}\n          transform={`rotate(-90 ${ringBox / 2} ${ringBox / 2})`}\n        />\n      </Svg>\n    </Animated.View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { VideoNoteRecorderController } from '../visionCamera';
+import { RingProgress } from './types';
+interface VideoNoteCaptureViewProps {
+    cameraRef: React.RefObject<VideoNoteRecorderController | null>;
+    facing: 'front' | 'back';
+    isFlashOn: boolean;
+    isRecording: boolean;
+    /** The take is paused: the camera stays live, dimmed, while the recording waits. */
+    isPaused?: boolean;
+    /** The take is over and the circle is shrinking away. */
+    isClosing: boolean;
+    /** Closing flies the circle off to the left edge (takes over 300ms). */
+    isSlideOut: boolean;
+    /** Sent: closing flies the circle into the new note instead. */
+    isFlight: boolean;
+    /** Elapsed share of the max length, 0..1, or the running time to read it from. */
+    progress: RingProgress;
+    onReady: () => void;
+    onError: (error: unknown) => void;
+    onToggleFlash: () => void;
+    onFlip: () => void;
+}
+/**
+ * The round camera preview drawn over the dimmed conversation while a take
+ * records. A separate component so the vision-camera hooks only run while the
+ * camera is actually open.
+ */
+export declare function VideoNoteCaptureView({ cameraRef, facing, isFlashOn, isRecording, isPaused, isClosing, isSlideOut, isFlight, progress, onReady, onError, onToggleFlash, onFlip, }: VideoNoteCaptureViewProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=VideoNoteCaptureView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoNoteCaptureView.d.ts","sourceRoot":"","sources":["../../../src/components/VideoNoteCapture/VideoNoteCaptureView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAA;AAajG,OAAO,EAAE,2BAA2B,EAAkE,MAAM,iBAAiB,CAAA;AAK7H,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAItC,UAAU,yBAAyB;IACjC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,2BAA2B,GAAG,IAAI,CAAC,CAAA;IAC9D,MAAM,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yDAAyD;IACzD,SAAS,EAAE,OAAO,CAAA;IAClB,wEAAwE;IACxE,UAAU,EAAE,OAAO,CAAA;IACnB,gEAAgE;IAChE,QAAQ,EAAE,OAAO,CAAA;IACjB,kFAAkF;IAClF,QAAQ,EAAE,YAAY,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACjC,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB;AAuBD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAE,EACpC,SAAS,EACT,MAAM,EACN,SAAS,EACT,WAAW,EACX,QAAgB,EAChB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,aAAa,EACb,MAAM,GACP,EAAE,yBAAyB,qBAyQ3B"}