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

package/lib/components/Spinner.js

@@ -0,0 +1,169 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect } from 'react';
+import { ActivityIndicator, View } from 'react-native';
+import Animated, { Easing, cancelAnimation, useAnimatedProps, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import { getSvg } from '../optional';
+import { arcPath } from './RadialProgress';
+const svg = getSvg();
+const Svg = svg ? svg.Svg ?? svg.default : null;
+const AnimatedPath = svg?.Path ? Animated.createAnimatedComponent(svg.Path) : null;
+
+/*
+ * The indeterminate spinner: an arc that turns once every 2s while its length breathes in
+ * 500ms phases. Rising, it grows 4 -> 270 degrees, accelerating; then it jumps 270 degrees
+ * ahead and shrinks back to 4 from behind, decelerating.
+ */
+const ROTATION_MS = 2000;
+const PHASE_MS = 500;
+/** Four rise/fall cycles bring the 270-degree jumps back to a whole turn (4 x 270 = 3 x 360). */
+const PERIOD_MS = 4000;
+
+/** The arc's start angle and signed sweep `ms` into the animation. */
+export const spinnerFrame = ms => {
+  'worklet';
+
+  const cycle = Math.floor(ms / (PHASE_MS * 2));
+  const inCycle = ms - cycle * PHASE_MS * 2;
+  const isRising = inCycle < PHASE_MS;
+  const t = (isRising ? inCycle : inCycle - PHASE_MS) / PHASE_MS;
+  const offset = 360 * ms / ROTATION_MS + 270 * cycle + (isRising ? 0 : 270);
+  // `AccelerateInterpolator` is t^2, `DecelerateInterpolator` 1 - (1 - t)^2.
+  const sweep = isRising ? 4 + 266 * t * t : 4 - 270 * (1 - t) * (1 - t);
+  return {
+    start: offset % 360,
+    sweep
+  };
+};
+/** The indeterminate arc spinner. Falls back to the system spinner without react-native-svg. */
+export function Spinner(t0) {
+  const $ = _c(28);
+  const {
+    size,
+    color,
+    strokeWidth: t1,
+    style
+  } = t0;
+  const strokeWidth = t1 === undefined ? 3 : t1;
+  const time = useSharedValue(0);
+  let t2;
+  let t3;
+  if ($[0] !== time) {
+    t2 = () => {
+      time.value = 0;
+      time.value = withRepeat(withTiming(PERIOD_MS, {
+        duration: PERIOD_MS,
+        easing: Easing.linear
+      }), -1, false);
+      return () => cancelAnimation(time);
+    };
+    t3 = [time];
+    $[0] = time;
+    $[1] = t2;
+    $[2] = t3;
+  } else {
+    t2 = $[1];
+    t3 = $[2];
+  }
+  useEffect(t2, t3);
+  const half = size / 2;
+  const box = size + strokeWidth;
+  const centre = box / 2;
+  const animatedProps = useAnimatedProps(() => {
+    const frame = spinnerFrame(time.value);
+    return {
+      d: arcPath(centre, centre, half, half, frame.start, frame.sweep) || "M0 0"
+    };
+  });
+  if (!Svg || !AnimatedPath) {
+    let t4;
+    if ($[3] !== box) {
+      t4 = {
+        width: box,
+        height: box,
+        alignItems: "center",
+        justifyContent: "center"
+      };
+      $[3] = box;
+      $[4] = t4;
+    } else {
+      t4 = $[4];
+    }
+    let t5;
+    if ($[5] !== style || $[6] !== t4) {
+      t5 = [t4, style];
+      $[5] = style;
+      $[6] = t4;
+      $[7] = t5;
+    } else {
+      t5 = $[7];
+    }
+    let t6;
+    if ($[8] !== color) {
+      t6 = <ActivityIndicator color={color} size="small" />;
+      $[8] = color;
+      $[9] = t6;
+    } else {
+      t6 = $[9];
+    }
+    let t7;
+    if ($[10] !== t5 || $[11] !== t6) {
+      t7 = <View style={t5}>{t6}</View>;
+      $[10] = t5;
+      $[11] = t6;
+      $[12] = t7;
+    } else {
+      t7 = $[12];
+    }
+    return t7;
+  }
+  let t4;
+  if ($[13] !== box) {
+    t4 = {
+      width: box,
+      height: box
+    };
+    $[13] = box;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  let t5;
+  if ($[15] !== style || $[16] !== t4) {
+    t5 = [t4, style];
+    $[15] = style;
+    $[16] = t4;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  let t6;
+  if ($[18] !== animatedProps || $[19] !== color || $[20] !== strokeWidth) {
+    t6 = <AnimatedPath animatedProps={animatedProps} stroke={color} strokeWidth={strokeWidth} strokeLinecap="round" fill="none" />;
+    $[18] = animatedProps;
+    $[19] = color;
+    $[20] = strokeWidth;
+    $[21] = t6;
+  } else {
+    t6 = $[21];
+  }
+  let t7;
+  if ($[22] !== box || $[23] !== t6) {
+    t7 = <Svg width={box} height={box}>{t6}</Svg>;
+    $[22] = box;
+    $[23] = t6;
+    $[24] = t7;
+  } else {
+    t7 = $[24];
+  }
+  let t8;
+  if ($[25] !== t5 || $[26] !== t7) {
+    t8 = <View accessibilityRole="progressbar" style={t5}>{t7}</View>;
+    $[25] = t5;
+    $[26] = t7;
+    $[27] = t8;
+  } else {
+    t8 = $[27];
+  }
+  return t8;
+}
+//# sourceMappingURL=Spinner.js.map

package/lib/components/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","names":["React","useEffect","ActivityIndicator","View","Animated","Easing","cancelAnimation","useAnimatedProps","useSharedValue","withRepeat","withTiming","getSvg","arcPath","svg","Svg","default","AnimatedPath","Path","createAnimatedComponent","ROTATION_MS","PHASE_MS","PERIOD_MS","spinnerFrame","ms","cycle","Math","floor","inCycle","isRising","t","offset","sweep","start","Spinner","t0","$","_c","size","color","strokeWidth","t1","style","undefined","time","t2","t3","value","duration","easing","linear","half","box","centre","animatedProps","frame","d","t4","width","height","alignItems","justifyContent","t5","t6","t7","t8"],"sources":["../../src/components/Spinner.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { ActivityIndicator, StyleProp, View, ViewStyle } from 'react-native'\nimport Animated, {\n  Easing,\n  cancelAnimation,\n  useAnimatedProps,\n  useSharedValue,\n  withRepeat,\n  withTiming,\n} from 'react-native-reanimated'\n\nimport { getSvg } from '../optional'\nimport { arcPath } from './RadialProgress'\n\nconst svg = getSvg()\nconst Svg: any = svg ? svg.Svg ?? svg.default : null\nconst AnimatedPath: any = svg?.Path ? Animated.createAnimatedComponent(svg.Path) : null\n\n/*\n * The indeterminate spinner: an arc that turns once every 2s while its length breathes in\n * 500ms phases. Rising, it grows 4 -> 270 degrees, accelerating; then it jumps 270 degrees\n * ahead and shrinks back to 4 from behind, decelerating.\n */\nconst ROTATION_MS = 2000\nconst PHASE_MS = 500\n/** Four rise/fall cycles bring the 270-degree jumps back to a whole turn (4 x 270 = 3 x 360). */\nconst PERIOD_MS = 4000\n\n/** The arc's start angle and signed sweep `ms` into the animation. */\nexport const spinnerFrame = (ms: number) => {\n  'worklet'\n  const cycle = Math.floor(ms / (PHASE_MS * 2))\n  const inCycle = ms - cycle * PHASE_MS * 2\n  const isRising = inCycle < PHASE_MS\n  const t = (isRising ? inCycle : inCycle - PHASE_MS) / PHASE_MS\n  const offset = (360 * ms) / ROTATION_MS + 270 * cycle + (isRising ? 0 : 270)\n  // `AccelerateInterpolator` is t^2, `DecelerateInterpolator` 1 - (1 - t)^2.\n  const sweep = isRising ? 4 + 266 * t * t : 4 - 270 * (1 - t) * (1 - t)\n  return { start: offset % 360, sweep }\n}\n\nexport interface SpinnerProps {\n  /** Diameter of the arc (`setSize`). */\n  size: number\n  color: string\n  /** Stroke width; 3 by default. */\n  strokeWidth?: number\n  style?: StyleProp<ViewStyle>\n}\n\n/** The indeterminate arc spinner. Falls back to the system spinner without react-native-svg. */\nexport function Spinner ({ size, color, strokeWidth = 3, style }: SpinnerProps) {\n  const time = useSharedValue(0)\n\n  useEffect(() => {\n    time.value = 0\n    time.value = withRepeat(withTiming(PERIOD_MS, { duration: PERIOD_MS, easing: Easing.linear }), -1, false)\n    return () => cancelAnimation(time)\n  }, [time])\n\n  const half = size / 2\n  // The arc is drawn on the size-diameter circle, half the stroke spilling outside it.\n  const box = size + strokeWidth\n  const centre = box / 2\n  const animatedProps = useAnimatedProps(() => {\n    const frame = spinnerFrame(time.value)\n    return { d: arcPath(centre, centre, half, half, frame.start, frame.sweep) || 'M0 0' }\n  })\n\n  if (!Svg || !AnimatedPath)\n    return (\n      <View style={[{ width: box, height: box, alignItems: 'center', justifyContent: 'center' }, style]}>\n        <ActivityIndicator color={color} size='small' />\n      </View>\n    )\n\n  return (\n    <View accessibilityRole='progressbar' style={[{ width: box, height: box }, style]}>\n      <Svg width={box} height={box}>\n        <AnimatedPath\n          animatedProps={animatedProps}\n          stroke={color}\n          strokeWidth={strokeWidth}\n          strokeLinecap='round'\n          fill='none'\n        />\n      </Svg>\n    </View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/components/StreamingCursor.js

@@ -1,16 +1,61 @@
+import { c as _c } from "react/compiler-runtime";
 import React, { useEffect } from 'react';
-import Animated, { Easing, cancelAnimation, useAnimatedStyle, useSharedValue, withRepeat, withTiming, } from 'react-native-reanimated';
+import Animated, { Easing, cancelAnimation, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
 /**
  * A blinking caret meant to be rendered inline at the end of a streaming
  * message. Rendered as nested <Text>, so it inherits the bubble text color.
  */
-export function StreamingCursor({ char = '▍', duration = 600, style, }) {
-    const opacity = useSharedValue(1);
-    useEffect(() => {
-        opacity.value = withRepeat(withTiming(0, { duration, easing: Easing.inOut(Easing.ease) }), -1, true);
-        return () => cancelAnimation(opacity);
-    }, [opacity, duration]);
-    const animatedStyle = useAnimatedStyle(() => ({ opacity: opacity.value }));
-    return <Animated.Text style={[style, animatedStyle]}>{char}</Animated.Text>;
+export function StreamingCursor(t0) {
+  const $ = _c(10);
+  const {
+    char: t1,
+    duration: t2,
+    style
+  } = t0;
+  const char = t1 === undefined ? "\u258D" : t1;
+  const duration = t2 === undefined ? 600 : t2;
+  const opacity = useSharedValue(1);
+  let t3;
+  let t4;
+  if ($[0] !== duration || $[1] !== opacity) {
+    t3 = () => {
+      opacity.value = withRepeat(withTiming(0, {
+        duration,
+        easing: Easing.inOut(Easing.ease)
+      }), -1, true);
+      return () => cancelAnimation(opacity);
+    };
+    t4 = [opacity, duration];
+    $[0] = duration;
+    $[1] = opacity;
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t3 = $[2];
+    t4 = $[3];
+  }
+  useEffect(t3, t4);
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value
+  }));
+  let t5;
+  if ($[4] !== animatedStyle || $[5] !== style) {
+    t5 = [style, animatedStyle];
+    $[4] = animatedStyle;
+    $[5] = style;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== char || $[8] !== t5) {
+    t6 = <Animated.Text style={t5}>{char}</Animated.Text>;
+    $[7] = char;
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  return t6;
 }
 //# sourceMappingURL=StreamingCursor.js.map

package/lib/components/StreamingCursor.js.map

@@ -1 +1 @@
-{"version":3,"file":"StreamingCursor.js","sourceRoot":"","sources":["../../src/components/StreamingCursor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,QAAQ,EAAE,EACf,MAAM,EACN,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,UAAU,GACX,MAAM,yBAAyB,CAAA;AAUhC;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAE,EAC/B,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,GAAG,EACd,KAAK,GACgB;IACrB,MAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,KAAK,GAAG,UAAU,CACxB,UAAU,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAC9D,CAAC,CAAC,EACF,IAAI,CACL,CAAA;QACD,OAAO,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;IACvC,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEvB,MAAM,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IAE1E,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;AAC7E,CAAC"}
+{"version":3,"file":"StreamingCursor.js","names":["React","useEffect","Animated","Easing","cancelAnimation","useAnimatedStyle","useSharedValue","withRepeat","withTiming","StreamingCursor","t0","$","_c","char","t1","duration","t2","style","undefined","opacity","t3","t4","value","easing","inOut","ease","animatedStyle","t5","t6"],"sources":["../../src/components/StreamingCursor.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { StyleProp, TextStyle } from 'react-native'\nimport Animated, {\n  Easing,\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n  withTiming,\n} from 'react-native-reanimated'\n\nexport interface StreamingCursorProps {\n  /** Caret glyph. Defaults to a thin block. */\n  char?: string\n  /** Blink period in ms (one fade cycle). Default 600. */\n  duration?: number\n  style?: StyleProp<TextStyle>\n}\n\n/**\n * A blinking caret meant to be rendered inline at the end of a streaming\n * message. Rendered as nested <Text>, so it inherits the bubble text color.\n */\nexport function StreamingCursor ({\n  char = '▍',\n  duration = 600,\n  style,\n}: StreamingCursorProps): React.ReactElement {\n  const opacity = useSharedValue(1)\n\n  useEffect(() => {\n    opacity.value = withRepeat(\n      withTiming(0, { duration, easing: Easing.inOut(Easing.ease) }),\n      -1,\n      true\n    )\n    return () => cancelAnimation(opacity)\n  }, [opacity, duration])\n\n  const animatedStyle = useAnimatedStyle(() => ({ opacity: opacity.value }))\n\n  return <Animated.Text style={[style, animatedStyle]}>{char}</Animated.Text>\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,OAAOC,QAAQ,IACbC,MAAM,EACNC,eAAe,EACfC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,UAAU,QACL,yBAAyB;AAUhC;AACA;AACA;AACA;AACA,OAAO,SAAAC,gBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAA0B;IAAAC,IAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAP,EAIV;EAHrB,MAAAG,IAAA,GAAAC,EAAU,KAAVI,SAAU,GAAV,QAAU,GAAVJ,EAAU;EACV,MAAAC,QAAA,GAAAC,EAAc,KAAdE,SAAc,GAAd,GAAc,GAAdF,EAAc;EAGd,MAAAG,OAAA,GAAgBb,cAAc,CAAC,CAAC,CAAC;EAAA,IAAAc,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAQ,OAAA;IAEvBC,EAAA,GAAAA,CAAA;MACRD,OAAO,CAAAG,KAAA,GAASf,UAAU,CACxBC,UAAU,CAAC,CAAC,EAAE;QAAAO,QAAA;QAAAQ,MAAA,EAAoBpB,MAAM,CAAAqB,KAAM,CAACrB,MAAM,CAAAsB,IAAK;MAAE,CAAC,CAAC,EAC9D,EAAE,EACF,IACF,CAJa;MAAA,OAKN,MAAMrB,eAAe,CAACe,OAAO,CAAC;IAAA,CACtC;IAAEE,EAAA,IAACF,OAAO,EAAEJ,QAAQ,CAAC;IAAAJ,CAAA,MAAAI,QAAA;IAAAJ,CAAA,MAAAQ,OAAA;IAAAR,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EAPtBV,SAAS,CAACmB,EAOT,EAAEC,EAAmB,CAAC;EAEvB,MAAAK,aAAA,GAAsBrB,gBAAgB,CAAC,OAAO;IAAAc,OAAA,EAAWA,OAAO,CAAAG;EAAO,CAAC,CAAC,CAAC;EAAA,IAAAK,EAAA;EAAA,IAAAhB,CAAA,QAAAe,aAAA,IAAAf,CAAA,QAAAM,KAAA;IAE7CU,EAAA,IAACV,KAAK,EAAES,aAAa,CAAC;IAAAf,CAAA,MAAAe,aAAA;IAAAf,CAAA,MAAAM,KAAA;IAAAN,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAjB,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAgB,EAAA;IAA5CC,EAAA,kBAAsB,KAAsB,CAAtB,CAAAD,EAAqB,CAAC,CAAGd,KAAG,CAAE,gBAAgB;IAAAF,CAAA,MAAAE,IAAA;IAAAF,CAAA,MAAAgB,EAAA;IAAAhB,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAAA,OAApEiB,EAAoE;AAAA","ignoreList":[]}

package/lib/components/Ticks.d.ts

@@ -7,19 +7,20 @@ export interface TicksProps {
     size?: number;
 }
 /**
- * Telegram-style delivery ticks: one check = sent, double check = delivered/read.
+ * Delivery ticks: one check = sent, double check = delivered/read.
  * Color the read state with the accent (or a brighter shade on colored bubbles).
  */
 export declare const Ticks: ({ double, color, size }: TicksProps) => React.JSX.Element;
 export interface PendingClockProps {
     color: string;
+    /** Face diameter; 12 by default. */
     size?: number;
 }
+export declare const CLOCK_MINUTE_MS = 1500;
+export declare const CLOCK_HOUR_MS: number;
 /**
- * A minimal clock-outline icon for the "pending" (sending) state, replacing the
- * old "🕓" emoji. The hands rotate continuously while the message is sending,
- * mirroring Telegram's spinning clock. Respects the system reduce-motion
- * setting (the hands simply hold still).
+ * The animated sending clock. Respects the system reduce-motion setting (the hands
+ * then hold still).
  */
 export declare const PendingClock: ({ color, size }: PendingClockProps) => React.JSX.Element;
 //# sourceMappingURL=Ticks.d.ts.map

package/lib/components/Ticks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Ticks.d.ts","sourceRoot":"","sources":["../../src/components/Ticks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AA2BjD,MAAM,WAAW,UAAU;IACzB,iFAAiF;IACjF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,GAAI,yBAAqC,UAAU,sBASpE,CAAA;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,iBAAsB,iBAAiB,sBA0BnE,CAAA"}
+{"version":3,"file":"Ticks.d.ts","sourceRoot":"","sources":["../../src/components/Ticks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AA2BjD,MAAM,WAAW,UAAU;IACzB,iFAAiF;IACjF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,GAAI,yBAAqC,UAAU,sBASpE,CAAA;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAQD,eAAO,MAAM,eAAe,OAAO,CAAA;AACnC,eAAO,MAAM,aAAa,QAAsB,CAAA;AAkBhD;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,iBAAsB,iBAAiB,sBAgBnE,CAAA"}