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

package/lib/components/PlayPauseIcon.js

@@ -0,0 +1,187 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect, useRef } from 'react';
+import Animated, { Easing, useAnimatedProps, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useIcons } from '../hooks/useIcons';
+import { getSvg } from '../optional';
+import { Icon } from './Icon';
+import { PauseIcon, PlayIcon } from './MediaControls';
+
+// Optional SVG, as everywhere else: without it the button swaps static glyphs.
+const svg = getSvg();
+const Svg = svg ? svg.Svg ?? svg.default : null;
+const AnimatedPath = svg?.Path ? Animated.createAnimatedComponent(svg.Path) : null;
+
+/** The play <-> pause transition. */
+const MORPH_MS = 300;
+
+// The transition runs on a 500-step timeline (`ms = 500 * p`): the icon turns a
+// quarter, overshooting by 5 degrees, while the shape changes in the middle.
+const TIMELINE = 500;
+const TURN_END = 384;
+const SETTLE = 100;
+const SHAPE_FROM = 166;
+const SHAPE_TO = 383;
+
+// Points of one half of the icon, in a 24-unit box centred on 0. The lower half
+// is the mirror image. Play points right; pause is two bars lying flat, which
+// the quarter turn stands upright.
+
+const PLAY_HALF = [-6.5, -8, 0.5, -4, 7.5, 0, -6.5, 0];
+const PAUSE_HALF = [-6.5, -7.5, 6.5, -7.5, 6.5, -2.5, -6.5, -2.5];
+
+// An ease-in-out cubic bezier (0.42, 0, 0.58, 1). Reanimated's Jest mock
+// returns a non-function here, hence the linear stand-in.
+const bezier = Easing.bezierFn(0.42, 0, 0.58, 1);
+const easeBoth = typeof bezier === 'function' ? bezier : x => {
+  'worklet';
+
+  return x;
+};
+const clamp01 = value => {
+  'worklet';
+
+  return Math.min(1, Math.max(0, value));
+};
+
+/** Rotation in degrees and shape mix (0 play, 1 pause) at a point of the transition. */
+const frame = (t, isToPause) => {
+  'worklet';
+
+  const p = isToPause ? t : 1 - t;
+  const ms = TIMELINE * p;
+  let rotation;
+  if (isToPause) {
+    if (ms < TURN_END) rotation = 95 * easeBoth(ms / TURN_END);else if (ms < TURN_END + SETTLE) rotation = 95 - 5 * easeBoth((ms - TURN_END) / SETTLE);else rotation = 90;
+  } else if (ms < SETTLE) rotation = -5 * easeBoth(ms / SETTLE);else if (ms < TURN_END + SETTLE) rotation = -5 + 95 * easeBoth((ms - SETTLE) / TURN_END);else rotation = 90;
+  const shapeAt = isToPause ? ms + SETTLE : ms;
+  const shape = easeBoth(clamp01((shapeAt - SHAPE_FROM) / (SHAPE_TO - SHAPE_FROM)));
+  return {
+    rotation,
+    shape,
+    p
+  };
+};
+const buildPath = (t, isToPause) => {
+  'worklet';
+
+  const {
+    rotation,
+    shape,
+    p
+  } = frame(t, isToPause);
+  const radians = rotation * Math.PI / 180;
+  const cos = Math.cos(radians);
+  const sin = Math.sin(radians);
+  // Play sits a touch right of centre so it looks centred (1dp).
+  const nudge = 1 - p;
+  let d = '';
+  for (const mirror of [1, -1]) {
+    for (let i = 0; i < 4; i++) {
+      const x = PLAY_HALF[i * 2] + (PAUSE_HALF[i * 2] - PLAY_HALF[i * 2]) * shape;
+      const y = mirror * (PLAY_HALF[i * 2 + 1] + (PAUSE_HALF[i * 2 + 1] - PLAY_HALF[i * 2 + 1]) * shape);
+      const rx = x * cos - y * sin + nudge;
+      const ry = x * sin + y * cos;
+      d += `${i === 0 ? 'M' : 'L'}${rx.toFixed(2)} ${ry.toFixed(2)} `;
+    }
+    d += 'Z ';
+  }
+  return d;
+};
+const MorphingIcon = t0 => {
+  const $ = _c(11);
+  const {
+    isPlaying,
+    color,
+    size
+  } = t0;
+  const progress = useSharedValue(1);
+  const isToPause = useSharedValue(isPlaying);
+  const isFirst = useRef(true);
+  let t1;
+  let t2;
+  if ($[0] !== isPlaying || $[1] !== isToPause || $[2] !== progress) {
+    t1 = () => {
+      if (isFirst.current) {
+        isFirst.current = false;
+        return;
+      }
+      isToPause.value = isPlaying;
+      progress.value = 0;
+      progress.value = withTiming(1, {
+        duration: MORPH_MS,
+        easing: Easing.linear
+      });
+    };
+    t2 = [isPlaying, isToPause, progress];
+    $[0] = isPlaying;
+    $[1] = isToPause;
+    $[2] = progress;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  const animatedProps = useAnimatedProps(() => ({
+    d: buildPath(progress.value, isToPause.value)
+  }));
+  let t3;
+  if ($[5] !== animatedProps || $[6] !== color) {
+    t3 = <AnimatedPath animatedProps={animatedProps} fill={color} stroke={color} strokeWidth={1.5} strokeLinejoin="round" />;
+    $[5] = animatedProps;
+    $[6] = color;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== size || $[9] !== t3) {
+    t4 = <Svg width={size} height={size} viewBox="-12 -12 24 24">{t3}</Svg>;
+    $[8] = size;
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  return t4;
+};
+/**
+ * The play/pause glyph of a voice note. It morphs between the two,
+ * unless the app overrides the `play` or `pause` icon, which is
+ * then drawn as given.
+ */
+export function PlayPauseIcon(t0) {
+  const $ = _c(8);
+  const {
+    isPlaying,
+    color,
+    size
+  } = t0;
+  const icons = useIcons();
+  if (Svg && AnimatedPath && !icons.play && !icons.pause) {
+    let t1;
+    if ($[0] !== color || $[1] !== isPlaying || $[2] !== size) {
+      t1 = <MorphingIcon isPlaying={isPlaying} color={color} size={size} />;
+      $[0] = color;
+      $[1] = isPlaying;
+      $[2] = size;
+      $[3] = t1;
+    } else {
+      t1 = $[3];
+    }
+    return t1;
+  }
+  let t1;
+  if ($[4] !== color || $[5] !== isPlaying || $[6] !== size) {
+    t1 = isPlaying ? <Icon name="pause" color={color} size={size} fallback={<PauseIcon color={color} size={size} />} /> : <Icon name="play" color={color} size={size} fallback={<PlayIcon color={color} size={size} />} />;
+    $[4] = color;
+    $[5] = isPlaying;
+    $[6] = size;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  return t1;
+}
+//# sourceMappingURL=PlayPauseIcon.js.map

package/lib/components/PlayPauseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayPauseIcon.js","names":["React","useEffect","useRef","Animated","Easing","useAnimatedProps","useSharedValue","withTiming","useIcons","getSvg","Icon","PauseIcon","PlayIcon","svg","Svg","default","AnimatedPath","Path","createAnimatedComponent","MORPH_MS","TIMELINE","TURN_END","SETTLE","SHAPE_FROM","SHAPE_TO","PLAY_HALF","PAUSE_HALF","bezier","bezierFn","easeBoth","x","clamp01","value","Math","min","max","frame","t","isToPause","p","ms","rotation","shapeAt","shape","buildPath","radians","PI","cos","sin","nudge","d","mirror","i","y","rx","ry","toFixed","MorphingIcon","t0","$","_c","isPlaying","color","size","progress","isFirst","t1","t2","current","duration","easing","linear","animatedProps","t3","t4","PlayPauseIcon","icons","play","pause"],"sources":["../../src/components/PlayPauseIcon.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react'\nimport Animated, { Easing, useAnimatedProps, useSharedValue, withTiming } from 'react-native-reanimated'\n\nimport { useIcons } from '../hooks/useIcons'\nimport { getSvg } from '../optional'\nimport { Icon } from './Icon'\nimport { PauseIcon, PlayIcon } from './MediaControls'\n\n// Optional SVG, as everywhere else: without it the button swaps static glyphs.\nconst svg = getSvg()\nconst Svg: any = svg ? svg.Svg ?? svg.default : null\nconst AnimatedPath: any = svg?.Path ? Animated.createAnimatedComponent(svg.Path) : null\n\n/** The play <-> pause transition. */\nconst MORPH_MS = 300\n\n// The transition runs on a 500-step timeline (`ms = 500 * p`): the icon turns a\n// quarter, overshooting by 5 degrees, while the shape changes in the middle.\nconst TIMELINE = 500\nconst TURN_END = 384\nconst SETTLE = 100\nconst SHAPE_FROM = 166\nconst SHAPE_TO = 383\n\n// Points of one half of the icon, in a 24-unit box centred on 0. The lower half\n// is the mirror image. Play points right; pause is two bars lying flat, which\n// the quarter turn stands upright.\ntype Quad = [number, number, number, number, number, number, number, number]\nconst PLAY_HALF: Quad = [-6.5, -8, 0.5, -4, 7.5, 0, -6.5, 0]\nconst PAUSE_HALF: Quad = [-6.5, -7.5, 6.5, -7.5, 6.5, -2.5, -6.5, -2.5]\n\n// An ease-in-out cubic bezier (0.42, 0, 0.58, 1). Reanimated's Jest mock\n// returns a non-function here, hence the linear stand-in.\nconst bezier = Easing.bezierFn(0.42, 0, 0.58, 1)\nconst easeBoth = typeof bezier === 'function'\n  ? bezier\n  : (x: number) => {\n    'worklet'\n    return x\n  }\n\nconst clamp01 = (value: number) => {\n  'worklet'\n  return Math.min(1, Math.max(0, value))\n}\n\n/** Rotation in degrees and shape mix (0 play, 1 pause) at a point of the transition. */\nconst frame = (t: number, isToPause: boolean) => {\n  'worklet'\n  const p = isToPause ? t : 1 - t\n  const ms = TIMELINE * p\n  let rotation: number\n  if (isToPause)\n    if (ms < TURN_END)\n      rotation = 95 * easeBoth(ms / TURN_END)\n    else if (ms < TURN_END + SETTLE)\n      rotation = 95 - 5 * easeBoth((ms - TURN_END) / SETTLE)\n    else\n      rotation = 90\n  else\n    if (ms < SETTLE)\n      rotation = -5 * easeBoth(ms / SETTLE)\n    else if (ms < TURN_END + SETTLE)\n      rotation = -5 + 95 * easeBoth((ms - SETTLE) / TURN_END)\n    else\n      rotation = 90\n\n  const shapeAt = isToPause ? ms + SETTLE : ms\n  const shape = easeBoth(clamp01((shapeAt - SHAPE_FROM) / (SHAPE_TO - SHAPE_FROM)))\n  return { rotation, shape, p }\n}\n\nconst buildPath = (t: number, isToPause: boolean) => {\n  'worklet'\n  const { rotation, shape, p } = frame(t, isToPause)\n  const radians = (rotation * Math.PI) / 180\n  const cos = Math.cos(radians)\n  const sin = Math.sin(radians)\n  // Play sits a touch right of centre so it looks centred (1dp).\n  const nudge = 1 - p\n\n  let d = ''\n  for (const mirror of [1, -1]) {\n    for (let i = 0; i < 4; i++) {\n      const x = PLAY_HALF[i * 2] + (PAUSE_HALF[i * 2] - PLAY_HALF[i * 2]) * shape\n      const y = mirror * (PLAY_HALF[i * 2 + 1] + (PAUSE_HALF[i * 2 + 1] - PLAY_HALF[i * 2 + 1]) * shape)\n      const rx = x * cos - y * sin + nudge\n      const ry = x * sin + y * cos\n      d += `${i === 0 ? 'M' : 'L'}${rx.toFixed(2)} ${ry.toFixed(2)} `\n    }\n    d += 'Z '\n  }\n  return d\n}\n\ninterface MorphProps {\n  isPlaying: boolean\n  color: string\n  size: number\n}\n\nconst MorphingIcon = ({ isPlaying, color, size }: MorphProps) => {\n  // Mounted at rest, so a note does not animate as it scrolls into view.\n  const progress = useSharedValue(1)\n  const isToPause = useSharedValue(isPlaying)\n  const isFirst = useRef(true)\n\n  useEffect(() => {\n    if (isFirst.current) {\n      isFirst.current = false\n      return\n    }\n\n    isToPause.value = isPlaying\n    progress.value = 0\n    progress.value = withTiming(1, { duration: MORPH_MS, easing: Easing.linear })\n  }, [isPlaying, isToPause, progress])\n\n  const animatedProps = useAnimatedProps(() => ({\n    d: buildPath(progress.value, isToPause.value),\n  }))\n\n  return (\n    <Svg width={size} height={size} viewBox='-12 -12 24 24'>\n      {/* A round join softens the corners. */}\n      <AnimatedPath\n        animatedProps={animatedProps}\n        fill={color}\n        stroke={color}\n        strokeWidth={1.5}\n        strokeLinejoin='round'\n      />\n    </Svg>\n  )\n}\n\nexport interface PlayPauseIconProps {\n  isPlaying: boolean\n  color: string\n  size: number\n}\n\n/**\n * The play/pause glyph of a voice note. It morphs between the two,\n * unless the app overrides the `play` or `pause` icon, which is\n * then drawn as given.\n */\nexport function PlayPauseIcon ({ isPlaying, color, size }: PlayPauseIconProps) {\n  const icons = useIcons()\n\n  if (Svg && AnimatedPath && !icons.play && !icons.pause)\n    return <MorphingIcon isPlaying={isPlaying} color={color} size={size} />\n\n  return isPlaying\n    ? <Icon name='pause' color={color} size={size} fallback={<PauseIcon color={color} size={size} />} />\n    : <Icon name='play' color={color} size={size} fallback={<PlayIcon color={color} size={size} />} />\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,OAAOC,QAAQ,IAAIC,MAAM,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,UAAU,QAAQ,yBAAyB;AAExG,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,SAAS,EAAEC,QAAQ,QAAQ,iBAAiB;;AAErD;AACA,MAAMC,GAAG,GAAGJ,MAAM,CAAC,CAAC;AACpB,MAAMK,GAAQ,GAAGD,GAAG,GAAGA,GAAG,CAACC,GAAG,IAAID,GAAG,CAACE,OAAO,GAAG,IAAI;AACpD,MAAMC,YAAiB,GAAGH,GAAG,EAAEI,IAAI,GAAGd,QAAQ,CAACe,uBAAuB,CAACL,GAAG,CAACI,IAAI,CAAC,GAAG,IAAI;;AAEvF;AACA,MAAME,QAAQ,GAAG,GAAG;;AAEpB;AACA;AACA,MAAMC,QAAQ,GAAG,GAAG;AACpB,MAAMC,QAAQ,GAAG,GAAG;AACpB,MAAMC,MAAM,GAAG,GAAG;AAClB,MAAMC,UAAU,GAAG,GAAG;AACtB,MAAMC,QAAQ,GAAG,GAAG;;AAEpB;AACA;AACA;;AAEA,MAAMC,SAAe,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AAC5D,MAAMC,UAAgB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC;;AAEvE;AACA;AACA,MAAMC,MAAM,GAAGvB,MAAM,CAACwB,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;AAChD,MAAMC,QAAQ,GAAG,OAAOF,MAAM,KAAK,UAAU,GACzCA,MAAM,GACLG,CAAS,IAAK;EACf,SAAS;;EACT,OAAOA,CAAC;AACV,CAAC;AAEH,MAAMC,OAAO,GAAIC,KAAa,IAAK;EACjC,SAAS;;EACT,OAAOC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEH,KAAK,CAAC,CAAC;AACxC,CAAC;;AAED;AACA,MAAMI,KAAK,GAAGA,CAACC,CAAS,EAAEC,SAAkB,KAAK;EAC/C,SAAS;;EACT,MAAMC,CAAC,GAAGD,SAAS,GAAGD,CAAC,GAAG,CAAC,GAAGA,CAAC;EAC/B,MAAMG,EAAE,GAAGpB,QAAQ,GAAGmB,CAAC;EACvB,IAAIE,QAAgB;EACpB,IAAIH,SAAS;IACX,IAAIE,EAAE,GAAGnB,QAAQ,EACfoB,QAAQ,GAAG,EAAE,GAAGZ,QAAQ,CAACW,EAAE,GAAGnB,QAAQ,CAAC,MACpC,IAAImB,EAAE,GAAGnB,QAAQ,GAAGC,MAAM,EAC7BmB,QAAQ,GAAG,EAAE,GAAG,CAAC,GAAGZ,QAAQ,CAAC,CAACW,EAAE,GAAGnB,QAAQ,IAAIC,MAAM,CAAC,MAEtDmB,QAAQ,GAAG,EAAE;EAAA,OAEf,IAAID,EAAE,GAAGlB,MAAM,EACbmB,QAAQ,GAAG,CAAC,CAAC,GAAGZ,QAAQ,CAACW,EAAE,GAAGlB,MAAM,CAAC,MAClC,IAAIkB,EAAE,GAAGnB,QAAQ,GAAGC,MAAM,EAC7BmB,QAAQ,GAAG,CAAC,CAAC,GAAG,EAAE,GAAGZ,QAAQ,CAAC,CAACW,EAAE,GAAGlB,MAAM,IAAID,QAAQ,CAAC,MAEvDoB,QAAQ,GAAG,EAAE;EAEjB,MAAMC,OAAO,GAAGJ,SAAS,GAAGE,EAAE,GAAGlB,MAAM,GAAGkB,EAAE;EAC5C,MAAMG,KAAK,GAAGd,QAAQ,CAACE,OAAO,CAAC,CAACW,OAAO,GAAGnB,UAAU,KAAKC,QAAQ,GAAGD,UAAU,CAAC,CAAC,CAAC;EACjF,OAAO;IAAEkB,QAAQ;IAAEE,KAAK;IAAEJ;EAAE,CAAC;AAC/B,CAAC;AAED,MAAMK,SAAS,GAAGA,CAACP,CAAS,EAAEC,SAAkB,KAAK;EACnD,SAAS;;EACT,MAAM;IAAEG,QAAQ;IAAEE,KAAK;IAAEJ;EAAE,CAAC,GAAGH,KAAK,CAACC,CAAC,EAAEC,SAAS,CAAC;EAClD,MAAMO,OAAO,GAAIJ,QAAQ,GAAGR,IAAI,CAACa,EAAE,GAAI,GAAG;EAC1C,MAAMC,GAAG,GAAGd,IAAI,CAACc,GAAG,CAACF,OAAO,CAAC;EAC7B,MAAMG,GAAG,GAAGf,IAAI,CAACe,GAAG,CAACH,OAAO,CAAC;EAC7B;EACA,MAAMI,KAAK,GAAG,CAAC,GAAGV,CAAC;EAEnB,IAAIW,CAAC,GAAG,EAAE;EACV,KAAK,MAAMC,MAAM,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;IAC5B,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,CAAC,EAAEA,CAAC,EAAE,EAAE;MAC1B,MAAMtB,CAAC,GAAGL,SAAS,CAAC2B,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC1B,UAAU,CAAC0B,CAAC,GAAG,CAAC,CAAC,GAAG3B,SAAS,CAAC2B,CAAC,GAAG,CAAC,CAAC,IAAIT,KAAK;MAC3E,MAAMU,CAAC,GAAGF,MAAM,IAAI1B,SAAS,CAAC2B,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC1B,UAAU,CAAC0B,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG3B,SAAS,CAAC2B,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAIT,KAAK,CAAC;MAClG,MAAMW,EAAE,GAAGxB,CAAC,GAAGiB,GAAG,GAAGM,CAAC,GAAGL,GAAG,GAAGC,KAAK;MACpC,MAAMM,EAAE,GAAGzB,CAAC,GAAGkB,GAAG,GAAGK,CAAC,GAAGN,GAAG;MAC5BG,CAAC,IAAI,GAAGE,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,GAAGE,EAAE,CAACE,OAAO,CAAC,CAAC,CAAC,IAAID,EAAE,CAACC,OAAO,CAAC,CAAC,CAAC,GAAG;IACjE;IACAN,CAAC,IAAI,IAAI;EACX;EACA,OAAOA,CAAC;AACV,CAAC;AAQD,MAAMO,YAAY,GAAGC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAC;IAAAC,SAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAL,EAAsC;EAE1D,MAAAM,QAAA,GAAiB1D,cAAc,CAAC,CAAC,CAAC;EAClC,MAAAgC,SAAA,GAAkBhC,cAAc,CAACuD,SAAS,CAAC;EAC3C,MAAAI,OAAA,GAAgB/D,MAAM,CAAC,IAAI,CAAC;EAAA,IAAAgE,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAArB,SAAA,IAAAqB,CAAA,QAAAK,QAAA;IAElBE,EAAA,GAAAA,CAAA;MACR,IAAID,OAAO,CAAAG,OAAQ;QACjBH,OAAO,CAAAG,OAAA,GAAW,KAAH;QAAA;MAAA;MAIjB9B,SAAS,CAAAN,KAAA,GAAS6B,SAAH;MACfG,QAAQ,CAAAhC,KAAA,GAAS,CAAH;MACdgC,QAAQ,CAAAhC,KAAA,GAASzB,UAAU,CAAC,CAAC,EAAE;QAAA8D,QAAA,EAAYlD,QAAQ;QAAAmD,MAAA,EAAUlE,MAAM,CAAAmE;MAAQ,CAAC,CAA9D;IAAA,CACf;IAAEJ,EAAA,IAACN,SAAS,EAAEvB,SAAS,EAAE0B,QAAQ,CAAC;IAAAL,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAArB,SAAA;IAAAqB,CAAA,MAAAK,QAAA;IAAAL,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAD,EAAA,GAAAP,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EATnC1D,SAAS,CAACiE,EAST,EAAEC,EAAgC,CAAC;EAEpC,MAAAK,aAAA,GAAsBnE,gBAAgB,CAAC,OAAO;IAAA6C,CAAA,EACzCN,SAAS,CAACoB,QAAQ,CAAAhC,KAAM,EAAEM,SAAS,CAAAN,KAAM;EAC9C,CAAC,CAAC,CAAC;EAAA,IAAAyC,EAAA;EAAA,IAAAd,CAAA,QAAAa,aAAA,IAAAb,CAAA,QAAAG,KAAA;IAKCW,EAAA,IAAC,YAAY,CACID,aAAa,CAAbA,cAAY,CAAC,CACtBV,IAAK,CAALA,MAAI,CAAC,CACHA,MAAK,CAALA,MAAI,CAAC,CACA,WAAG,CAAH,IAAE,CAAC,CACD,cAAO,CAAP,OAAO,GACtB;IAAAH,CAAA,MAAAa,aAAA;IAAAb,CAAA,MAAAG,KAAA;IAAAH,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAAA,IAAAe,EAAA;EAAA,IAAAf,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAc,EAAA;IARJC,EAAA,IAAC,GAAG,CAAQX,KAAI,CAAJA,KAAG,CAAC,CAAUA,MAAI,CAAJA,KAAG,CAAC,CAAU,OAAe,CAAf,eAAe,CAErD,CAAAU,EAMC,CACH,EATC,GAAG,CASE;IAAAd,CAAA,MAAAI,IAAA;IAAAJ,CAAA,MAAAc,EAAA;IAAAd,CAAA,OAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAAA,OATNe,EASM;AAAA,CAET;AAQD;AACA;AACA;AACA;AACA;AACA,OAAO,SAAAC,cAAAjB,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAwB;IAAAC,SAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAL,EAA8C;EAC3E,MAAAkB,KAAA,GAAcpE,QAAQ,CAAC,CAAC;EAExB,IAAIM,GAAmB,IAAnBE,YAAkC,IAAlC,CAAwB4D,KAAK,CAAAC,IAAqB,IAAlD,CAAuCD,KAAK,CAAAE,KAAM;IAAA,IAAAZ,EAAA;IAAA,IAAAP,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAI,IAAA;MAC7CG,EAAA,IAAC,YAAY,CAAYL,SAAS,CAATA,UAAQ,CAAC,CAASC,KAAK,CAALA,MAAI,CAAC,CAAQC,IAAI,CAAJA,KAAG,CAAC,GAAI;MAAAJ,CAAA,MAAAG,KAAA;MAAAH,CAAA,MAAAE,SAAA;MAAAF,CAAA,MAAAI,IAAA;MAAAJ,CAAA,MAAAO,EAAA;IAAA;MAAAA,EAAA,GAAAP,CAAA;IAAA;IAAA,OAAhEO,EAAgE;EAAA;EAAA,IAAAA,EAAA;EAAA,IAAAP,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAI,IAAA;IAElEG,EAAA,GAAAL,SAAS,GACZ,CAAC,IAAI,CAAM,IAAO,CAAP,OAAO,CAAQC,KAAK,CAALA,MAAI,CAAC,CAAQC,IAAI,CAAJA,KAAG,CAAC,CAAY,QAAuC,CAAvC,EAAC,SAAS,CAAQD,KAAK,CAALA,MAAI,CAAC,CAAQC,IAAI,CAAJA,KAAG,CAAC,GAAG,CAAC,GACE,GAAhG,CAAC,IAAI,CAAM,IAAM,CAAN,MAAM,CAAQD,KAAK,CAALA,MAAI,CAAC,CAAQC,IAAI,CAAJA,KAAG,CAAC,CAAY,QAAsC,CAAtC,EAAC,QAAQ,CAAQD,KAAK,CAALA,MAAI,CAAC,CAAQC,IAAI,CAAJA,KAAG,CAAC,GAAG,CAAC,GAAI;IAAAJ,CAAA,MAAAG,KAAA;IAAAH,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAI,IAAA;IAAAJ,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAAA,OAF7FO,EAE6F;AAAA","ignoreList":[]}

package/lib/components/PlaybackSpeedPill.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface PlaybackSpeedPillProps {
+    rate: number;
+}
+/**
+ * The speed pill on a voice note: a tap cycles 1x / 1.5x / 2x, a long press
+ * opens the speed presets. The speed is shared by
+ * every note.
+ */
+export declare function PlaybackSpeedPill({ rate }: PlaybackSpeedPillProps): React.JSX.Element;
+//# sourceMappingURL=PlaybackSpeedPill.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackSpeedPill.d.ts","sourceRoot":"","sources":["../../src/components/PlaybackSpeedPill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AA0B5D,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAA;CACb;AAID;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAE,EAAE,IAAI,EAAE,EAAE,sBAAsB,qBAoGlE"}

package/lib/components/PlaybackSpeedPill.js

@@ -0,0 +1,350 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useCallback, useRef, useState } from 'react';
+import { Modal, Pressable, StyleSheet, Text, useWindowDimensions } from 'react-native';
+import Animated, { Easing, Extrapolation, ReduceMotion, interpolate, runOnJS, useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
+import { useAnimatedPresence } from '../hooks/useAnimatedPresence';
+import { useThemedStyles } from '../hooks/useTheme';
+import { PLAYBACK_RATE_PRESETS, nextPlaybackRate, setPlaybackRate } from './mediaPlayback';
+const MENU_WIDTH = 120;
+const MENU_ROW_HEIGHT = 40;
+
+// The presets pop out of the pill like the message context menu does.
+const MENU_SPRING = {
+  damping: 20,
+  stiffness: 360,
+  mass: 0.8,
+  reduceMotion: ReduceMotion.System
+};
+const MENU_OUT = {
+  duration: 160,
+  easing: Easing.out(Easing.quad),
+  reduceMotion: ReduceMotion.System
+};
+const formatRate = rate => `${Number(rate.toFixed(2))}x`;
+
+/**
+ * The speed pill on a voice note: a tap cycles 1x / 1.5x / 2x, a long press
+ * opens the speed presets. The speed is shared by
+ * every note.
+ */
+export function PlaybackSpeedPill(t0) {
+  const $ = _c(61);
+  const {
+    rate
+  } = t0;
+  const styles = useThemedStyles(createStyles);
+  const {
+    width: windowWidth,
+    height: windowHeight
+  } = useWindowDimensions();
+  const pillRef = useRef(null);
+  const [anchor, setAnchor] = useState(null);
+  const [lastAnchor, setLastAnchor] = useState(null);
+  const shownAnchor = anchor ?? lastAnchor;
+  const appear = useSharedValue(0);
+  let t1;
+  if ($[0] !== appear) {
+    t1 = () => {
+      appear.set(withSpring(1, MENU_SPRING));
+    };
+    $[0] = appear;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const animateIn = t1;
+  let t2;
+  if ($[2] !== appear) {
+    t2 = onDone => {
+      appear.set(withTiming(0, MENU_OUT, finished => {
+        if (finished) {
+          runOnJS(onDone)();
+        }
+      }));
+    };
+    $[2] = appear;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const animateOut = t2;
+  const {
+    isMounted,
+    close
+  } = useAnimatedPresence(!!anchor, animateIn, animateOut);
+  let t3;
+  if ($[4] !== rate) {
+    t3 = () => {
+      setPlaybackRate(nextPlaybackRate(rate));
+    };
+    $[4] = rate;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const cycle = t3;
+  let t4;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = () => {
+      pillRef.current?.measureInWindow((x, y, width, height) => {
+        const next = {
+          x: x + width / 2,
+          y: y + height
+        };
+        setAnchor(next);
+        setLastAnchor(next);
+      });
+    };
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const openMenu = t4;
+  let t5;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => setAnchor(null);
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  const clearAnchor = t5;
+  let t6;
+  if ($[8] !== close) {
+    t6 = () => close(clearAnchor);
+    $[8] = close;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  const closeMenu = t6;
+  let t7;
+  if ($[10] !== close) {
+    t7 = next_0 => {
+      setPlaybackRate(next_0);
+      close(clearAnchor);
+    };
+    $[10] = close;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  const pick = t7;
+  const menuHeight = PLAYBACK_RATE_PRESETS.length * MENU_ROW_HEIGHT;
+  const isBelow = !!shownAnchor && shownAnchor.y + menuHeight + 8 < windowHeight;
+  const menuTop = shownAnchor ? isBelow ? shownAnchor.y + 4 : Math.max(8, shownAnchor.y - menuHeight - 24) : 0;
+  const menuLeft = shownAnchor ? Math.max(8, Math.min(windowWidth - MENU_WIDTH - 8, shownAnchor.x - MENU_WIDTH / 2)) : 0;
+  const originX = shownAnchor ? shownAnchor.x - menuLeft : MENU_WIDTH / 2;
+  const menuStyle = useAnimatedStyle(() => ({
+    opacity: interpolate(appear.value, [0, 0.5], [0, 1], Extrapolation.CLAMP),
+    transform: [{
+      scale: 0.6 + 0.4 * appear.value
+    }]
+  }));
+  let t8;
+  if ($[12] !== rate) {
+    t8 = formatRate(rate);
+    $[12] = rate;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  const t9 = `playback speed ${t8}`;
+  let t10;
+  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = {
+      top: 6,
+      bottom: 6,
+      left: 6,
+      right: 6
+    };
+    $[14] = t10;
+  } else {
+    t10 = $[14];
+  }
+  const t11 = rate !== 1 && styles.pillActive;
+  let t12;
+  if ($[15] !== styles.pill || $[16] !== t11) {
+    t12 = [styles.pill, t11];
+    $[15] = styles.pill;
+    $[16] = t11;
+    $[17] = t12;
+  } else {
+    t12 = $[17];
+  }
+  const t13 = rate !== 1 && styles.pillTextActive;
+  let t14;
+  if ($[18] !== styles.pillText || $[19] !== t13) {
+    t14 = [styles.pillText, t13];
+    $[18] = styles.pillText;
+    $[19] = t13;
+    $[20] = t14;
+  } else {
+    t14 = $[20];
+  }
+  let t15;
+  if ($[21] !== rate) {
+    t15 = formatRate(rate);
+    $[21] = rate;
+    $[22] = t15;
+  } else {
+    t15 = $[22];
+  }
+  let t16;
+  if ($[23] !== t14 || $[24] !== t15) {
+    t16 = <Text style={t14}>{t15}</Text>;
+    $[23] = t14;
+    $[24] = t15;
+    $[25] = t16;
+  } else {
+    t16 = $[25];
+  }
+  let t17;
+  if ($[26] !== cycle || $[27] !== t12 || $[28] !== t16 || $[29] !== t9) {
+    t17 = <Pressable ref={pillRef} onPress={cycle} onLongPress={openMenu} accessibilityRole="button" accessibilityLabel={t9} accessibilityHint="long press for more speeds" hitSlop={t10} style={t12}>{t16}</Pressable>;
+    $[26] = cycle;
+    $[27] = t12;
+    $[28] = t16;
+    $[29] = t9;
+    $[30] = t17;
+  } else {
+    t17 = $[30];
+  }
+  const t18 = isBelow ? 0 : menuHeight + 8;
+  let t19;
+  if ($[31] !== originX || $[32] !== t18) {
+    t19 = [originX, t18, 0];
+    $[31] = originX;
+    $[32] = t18;
+    $[33] = t19;
+  } else {
+    t19 = $[33];
+  }
+  let t20;
+  if ($[34] !== menuLeft || $[35] !== menuTop || $[36] !== t19) {
+    t20 = {
+      top: menuTop,
+      left: menuLeft,
+      transformOrigin: t19
+    };
+    $[34] = menuLeft;
+    $[35] = menuTop;
+    $[36] = t19;
+    $[37] = t20;
+  } else {
+    t20 = $[37];
+  }
+  let t21;
+  if ($[38] !== menuStyle || $[39] !== styles.menu || $[40] !== t20) {
+    t21 = [styles.menu, t20, menuStyle];
+    $[38] = menuStyle;
+    $[39] = styles.menu;
+    $[40] = t20;
+    $[41] = t21;
+  } else {
+    t21 = $[41];
+  }
+  let t22;
+  if ($[42] !== pick || $[43] !== rate || $[44] !== styles.menuRow || $[45] !== styles.menuText || $[46] !== styles.menuTextSelected) {
+    t22 = PLAYBACK_RATE_PRESETS.map(preset => <Pressable key={preset} onPress={() => pick(preset)} accessibilityRole="button" accessibilityState={{
+      selected: preset === rate
+    }} style={styles.menuRow}><Text style={[styles.menuText, preset === rate && styles.menuTextSelected]}>{formatRate(preset)}</Text></Pressable>);
+    $[42] = pick;
+    $[43] = rate;
+    $[44] = styles.menuRow;
+    $[45] = styles.menuText;
+    $[46] = styles.menuTextSelected;
+    $[47] = t22;
+  } else {
+    t22 = $[47];
+  }
+  let t23;
+  if ($[48] !== t21 || $[49] !== t22) {
+    t23 = <Animated.View style={t21}>{t22}</Animated.View>;
+    $[48] = t21;
+    $[49] = t22;
+    $[50] = t23;
+  } else {
+    t23 = $[50];
+  }
+  let t24;
+  if ($[51] !== closeMenu || $[52] !== t23) {
+    t24 = <Pressable style={StyleSheet.absoluteFill} onPress={closeMenu} accessibilityLabel="close">{t23}</Pressable>;
+    $[51] = closeMenu;
+    $[52] = t23;
+    $[53] = t24;
+  } else {
+    t24 = $[53];
+  }
+  let t25;
+  if ($[54] !== closeMenu || $[55] !== isMounted || $[56] !== t24) {
+    t25 = <Modal visible={isMounted} transparent={true} animationType="none" onRequestClose={closeMenu}>{t24}</Modal>;
+    $[54] = closeMenu;
+    $[55] = isMounted;
+    $[56] = t24;
+    $[57] = t25;
+  } else {
+    t25 = $[57];
+  }
+  let t26;
+  if ($[58] !== t17 || $[59] !== t25) {
+    t26 = <>{t17}{t25}</>;
+    $[58] = t17;
+    $[59] = t25;
+    $[60] = t26;
+  } else {
+    t26 = $[60];
+  }
+  return t26;
+}
+const createStyles = theme => StyleSheet.create({
+  // The rate in 10dp bold inside a 1.6dp
+  // outline with 3dp corners and 3dp either side, drawn in the close
+  // button's gray at 1x and in the accent otherwise.
+  pill: {
+    paddingHorizontal: 3,
+    borderWidth: 1.6,
+    borderRadius: 3,
+    borderColor: theme.colors.placeholder
+  },
+  pillActive: {
+    borderColor: theme.colors.accent
+  },
+  pillText: {
+    fontSize: 10,
+    lineHeight: 13,
+    fontWeight: '700',
+    color: theme.colors.placeholder
+  },
+  pillTextActive: {
+    color: theme.colors.accent
+  },
+  menu: {
+    position: 'absolute',
+    width: MENU_WIDTH,
+    borderRadius: 12,
+    paddingVertical: 4,
+    backgroundColor: theme.colors.inputBackground,
+    shadowColor: '#000',
+    shadowOpacity: 0.2,
+    shadowRadius: 12,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    elevation: 8
+  },
+  menuRow: {
+    height: MENU_ROW_HEIGHT,
+    justifyContent: 'center',
+    paddingHorizontal: 16
+  },
+  menuText: {
+    fontSize: 15,
+    color: theme.colors.inputText
+  },
+  menuTextSelected: {
+    color: theme.colors.accent,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=PlaybackSpeedPill.js.map

package/lib/components/PlaybackSpeedPill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackSpeedPill.js","names":["React","useCallback","useRef","useState","Modal","Pressable","StyleSheet","Text","useWindowDimensions","Animated","Easing","Extrapolation","ReduceMotion","interpolate","runOnJS","useAnimatedStyle","useSharedValue","withSpring","withTiming","useAnimatedPresence","useThemedStyles","PLAYBACK_RATE_PRESETS","nextPlaybackRate","setPlaybackRate","MENU_WIDTH","MENU_ROW_HEIGHT","MENU_SPRING","damping","stiffness","mass","reduceMotion","System","MENU_OUT","duration","easing","out","quad","formatRate","rate","Number","toFixed","PlaybackSpeedPill","t0","$","_c","styles","createStyles","width","windowWidth","height","windowHeight","pillRef","anchor","setAnchor","lastAnchor","setLastAnchor","shownAnchor","appear","t1","set","animateIn","t2","onDone","finished","animateOut","isMounted","close","t3","cycle","t4","Symbol","for","current","measureInWindow","x","y","next","openMenu","t5","clearAnchor","t6","closeMenu","t7","next_0","pick","menuHeight","length","isBelow","menuTop","Math","max","menuLeft","min","originX","menuStyle","opacity","value","CLAMP","transform","scale","t8","t9","t10","top","bottom","left","right","t11","pillActive","t12","pill","t13","pillTextActive","t14","pillText","t15","t16","t17","t18","t19","t20","transformOrigin","t21","menu","t22","menuRow","menuText","menuTextSelected","map","preset","selected","t23","t24","absoluteFill","t25","t26","theme","create","paddingHorizontal","borderWidth","borderRadius","borderColor","colors","placeholder","accent","fontSize","lineHeight","fontWeight","color","position","paddingVertical","backgroundColor","inputBackground","shadowColor","shadowOpacity","shadowRadius","shadowOffset","elevation","justifyContent","inputText"],"sources":["../../src/components/PlaybackSpeedPill.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react'\nimport { Modal, Pressable, StyleSheet, Text, View, useWindowDimensions } from 'react-native'\nimport Animated, {\n  Easing,\n  Extrapolation,\n  ReduceMotion,\n  interpolate,\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withSpring,\n  withTiming,\n} from 'react-native-reanimated'\n\nimport { useAnimatedPresence } from '../hooks/useAnimatedPresence'\nimport { useThemedStyles } from '../hooks/useTheme'\nimport { ChatTheme } from '../Theme'\nimport { PLAYBACK_RATE_PRESETS, nextPlaybackRate, setPlaybackRate } from './mediaPlayback'\n\nconst MENU_WIDTH = 120\nconst MENU_ROW_HEIGHT = 40\n\n// The presets pop out of the pill like the message context menu does.\nconst MENU_SPRING = { damping: 20, stiffness: 360, mass: 0.8, reduceMotion: ReduceMotion.System }\nconst MENU_OUT = { duration: 160, easing: Easing.out(Easing.quad), reduceMotion: ReduceMotion.System }\n\nexport interface PlaybackSpeedPillProps {\n  rate: number\n}\n\nconst formatRate = (rate: number) => `${Number(rate.toFixed(2))}x`\n\n/**\n * The speed pill on a voice note: a tap cycles 1x / 1.5x / 2x, a long press\n * opens the speed presets. The speed is shared by\n * every note.\n */\nexport function PlaybackSpeedPill ({ rate }: PlaybackSpeedPillProps) {\n  const styles = useThemedStyles(createStyles)\n  const { width: windowWidth, height: windowHeight } = useWindowDimensions()\n  const pillRef = useRef<React.ComponentRef<typeof View>>(null)\n  const [anchor, setAnchor] = useState<{ x: number, y: number } | null>(null)\n  // The menu keeps its spot while it animates out after `anchor` is cleared.\n  const [lastAnchor, setLastAnchor] = useState<{ x: number, y: number } | null>(null)\n  const shownAnchor = anchor ?? lastAnchor\n\n  const appear = useSharedValue(0)\n  const animateIn = useCallback(() => {\n    appear.set(withSpring(1, MENU_SPRING))\n  }, [appear])\n  const animateOut = useCallback((onDone: () => void) => {\n    appear.set(withTiming(0, MENU_OUT, finished => {\n      if (finished)\n        runOnJS(onDone)()\n    }))\n  }, [appear])\n  const { isMounted, close } = useAnimatedPresence(!!anchor, animateIn, animateOut)\n\n  const cycle = useCallback(() => {\n    setPlaybackRate(nextPlaybackRate(rate))\n  }, [rate])\n\n  const openMenu = useCallback(() => {\n    pillRef.current?.measureInWindow((x, y, width, height) => {\n      const next = { x: x + width / 2, y: y + height }\n      setAnchor(next)\n      setLastAnchor(next)\n    })\n  }, [])\n\n  const clearAnchor = useCallback(() => setAnchor(null), [])\n  const closeMenu = useCallback(() => close(clearAnchor), [close, clearAnchor])\n\n  const pick = useCallback((next: number) => {\n    setPlaybackRate(next)\n    close(clearAnchor)\n  }, [close, clearAnchor])\n\n  const menuHeight = PLAYBACK_RATE_PRESETS.length * MENU_ROW_HEIGHT\n  // Below the pill when it fits, above it otherwise, always on screen.\n  const isBelow = !!shownAnchor && shownAnchor.y + menuHeight + 8 < windowHeight\n  const menuTop = shownAnchor\n    ? (isBelow ? shownAnchor.y + 4 : Math.max(8, shownAnchor.y - menuHeight - 24))\n    : 0\n  const menuLeft = shownAnchor\n    ? Math.max(8, Math.min(windowWidth - MENU_WIDTH - 8, shownAnchor.x - MENU_WIDTH / 2))\n    : 0\n  // Grow out of the edge that faces the pill, at the pill's x.\n  const originX = shownAnchor ? shownAnchor.x - menuLeft : MENU_WIDTH / 2\n\n  const menuStyle = useAnimatedStyle(() => ({\n    opacity: interpolate(appear.value, [0, 0.5], [0, 1], Extrapolation.CLAMP),\n    transform: [{ scale: 0.6 + 0.4 * appear.value }],\n  }))\n\n  return (\n    <>\n      <Pressable\n        ref={pillRef}\n        onPress={cycle}\n        onLongPress={openMenu}\n        accessibilityRole='button'\n        accessibilityLabel={`playback speed ${formatRate(rate)}`}\n        accessibilityHint='long press for more speeds'\n        hitSlop={{ top: 6, bottom: 6, left: 6, right: 6 }}\n        style={[styles.pill, rate !== 1 && styles.pillActive]}\n      >\n        <Text style={[styles.pillText, rate !== 1 && styles.pillTextActive]}>{formatRate(rate)}</Text>\n      </Pressable>\n\n      <Modal visible={isMounted} transparent animationType='none' onRequestClose={closeMenu}>\n        <Pressable style={StyleSheet.absoluteFill} onPress={closeMenu} accessibilityLabel='close'>\n          <Animated.View\n            style={[\n              styles.menu,\n              { top: menuTop, left: menuLeft, transformOrigin: [originX, isBelow ? 0 : menuHeight + 8, 0] },\n              menuStyle,\n            ]}\n          >\n            {PLAYBACK_RATE_PRESETS.map(preset => (\n              <Pressable\n                key={preset}\n                onPress={() => pick(preset)}\n                accessibilityRole='button'\n                accessibilityState={{ selected: preset === rate }}\n                style={styles.menuRow}\n              >\n                <Text style={[styles.menuText, preset === rate && styles.menuTextSelected]}>\n                  {formatRate(preset)}\n                </Text>\n              </Pressable>\n            ))}\n          </Animated.View>\n        </Pressable>\n      </Modal>\n    </>\n  )\n}\n\nconst createStyles = (theme: ChatTheme) => StyleSheet.create({\n  // The rate in 10dp bold inside a 1.6dp\n  // outline with 3dp corners and 3dp either side, drawn in the close\n  // button's gray at 1x and in the accent otherwise.\n  pill: {\n    paddingHorizontal: 3,\n    borderWidth: 1.6,\n    borderRadius: 3,\n    borderColor: theme.colors.placeholder,\n  },\n  pillActive: {\n    borderColor: theme.colors.accent,\n  },\n  pillText: {\n    fontSize: 10,\n    lineHeight: 13,\n    fontWeight: '700',\n    color: theme.colors.placeholder,\n  },\n  pillTextActive: {\n    color: theme.colors.accent,\n  },\n  menu: {\n    position: 'absolute',\n    width: MENU_WIDTH,\n    borderRadius: 12,\n    paddingVertical: 4,\n    backgroundColor: theme.colors.inputBackground,\n    shadowColor: '#000',\n    shadowOpacity: 0.2,\n    shadowRadius: 12,\n    shadowOffset: { width: 0, height: 4 },\n    elevation: 8,\n  },\n  menuRow: {\n    height: MENU_ROW_HEIGHT,\n    justifyContent: 'center',\n    paddingHorizontal: 16,\n  },\n  menuText: {\n    fontSize: 15,\n    color: theme.colors.inputText,\n  },\n  menuTextSelected: {\n    color: theme.colors.accent,\n    fontWeight: '600',\n  },\n})\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC5D,SAASC,KAAK,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAQC,mBAAmB,QAAQ,cAAc;AAC5F,OAAOC,QAAQ,IACbC,MAAM,EACNC,aAAa,EACbC,YAAY,EACZC,WAAW,EACXC,OAAO,EACPC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,UAAU,QACL,yBAAyB;AAEhC,SAASC,mBAAmB,QAAQ,8BAA8B;AAClE,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,qBAAqB,EAAEC,gBAAgB,EAAEC,eAAe,QAAQ,iBAAiB;AAE1F,MAAMC,UAAU,GAAG,GAAG;AACtB,MAAMC,eAAe,GAAG,EAAE;;AAE1B;AACA,MAAMC,WAAW,GAAG;EAAEC,OAAO,EAAE,EAAE;EAAEC,SAAS,EAAE,GAAG;EAAEC,IAAI,EAAE,GAAG;EAAEC,YAAY,EAAElB,YAAY,CAACmB;AAAO,CAAC;AACjG,MAAMC,QAAQ,GAAG;EAAEC,QAAQ,EAAE,GAAG;EAAEC,MAAM,EAAExB,MAAM,CAACyB,GAAG,CAACzB,MAAM,CAAC0B,IAAI,CAAC;EAAEN,YAAY,EAAElB,YAAY,CAACmB;AAAO,CAAC;AAMtG,MAAMM,UAAU,GAAIC,IAAY,IAAK,GAAGC,MAAM,CAACD,IAAI,CAACE,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG;;AAElE;AACA;AACA;AACA;AACA;AACA,OAAO,SAAAC,kBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAA4B;IAAAN;EAAA,IAAAI,EAAgC;EACjE,MAAAG,MAAA,GAAezB,eAAe,CAAC0B,YAAY,CAAC;EAC5C;IAAAC,KAAA,EAAAC,WAAA;IAAAC,MAAA,EAAAC;EAAA,IAAqD1C,mBAAmB,CAAC,CAAC;EAC1E,MAAA2C,OAAA,GAAgBjD,MAAM,CAAkC,IAAI,CAAC;EAC7D,OAAAkD,MAAA,EAAAC,SAAA,IAA4BlD,QAAQ,CAAkC,IAAI,CAAC;EAE3E,OAAAmD,UAAA,EAAAC,aAAA,IAAoCpD,QAAQ,CAAkC,IAAI,CAAC;EACnF,MAAAqD,WAAA,GAAoBJ,MAAoB,IAApBE,UAAoB;EAExC,MAAAG,MAAA,GAAezC,cAAc,CAAC,CAAC,CAAC;EAAA,IAAA0C,EAAA;EAAA,IAAAf,CAAA,QAAAc,MAAA;IACFC,EAAA,GAAAA,CAAA;MAC5BD,MAAM,CAAAE,GAAI,CAAC1C,UAAU,CAAC,CAAC,EAAES,WAAW,CAAC,CAAC;IAAA,CACvC;IAAAiB,CAAA,MAAAc,MAAA;IAAAd,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAFD,MAAAiB,SAAA,GAAkBF,EAEN;EAAA,IAAAG,EAAA;EAAA,IAAAlB,CAAA,QAAAc,MAAA;IACmBI,EAAA,GAAAC,MAAA;MAC7BL,MAAM,CAAAE,GAAI,CAACzC,UAAU,CAAC,CAAC,EAAEc,QAAQ,EAAE+B,QAAA;QACjC,IAAIA,QAAQ;UACVjD,OAAO,CAACgD,MAAM,CAAC,CAAC,CAAC;QAAA;MAAA,CACpB,CAAC,CAAC;IAAA,CACJ;IAAAnB,CAAA,MAAAc,MAAA;IAAAd,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EALD,MAAAqB,UAAA,GAAmBH,EAKP;EACZ;IAAAI,SAAA;IAAAC;EAAA,IAA6B/C,mBAAmB,CAAC,CAAC,CAACiC,MAAM,EAAEQ,SAAS,EAAEI,UAAU,CAAC;EAAA,IAAAG,EAAA;EAAA,IAAAxB,CAAA,QAAAL,IAAA;IAEvD6B,EAAA,GAAAA,CAAA;MACxB5C,eAAe,CAACD,gBAAgB,CAACgB,IAAI,CAAC,CAAC;IAAA,CACxC;IAAAK,CAAA,MAAAL,IAAA;IAAAK,CAAA,MAAAwB,EAAA;EAAA;IAAAA,EAAA,GAAAxB,CAAA;EAAA;EAFD,MAAAyB,KAAA,GAAcD,EAEJ;EAAA,IAAAE,EAAA;EAAA,IAAA1B,CAAA,QAAA2B,MAAA,CAAAC,GAAA;IAEmBF,EAAA,GAAAA,CAAA;MAC3BlB,OAAO,CAAAqB,OAAyB,EAAAC,eAI9B,CAJ+B,CAAAC,CAAA,EAAAC,CAAA,EAAA5B,KAAA,EAAAE,MAAA;QAC/B,MAAA2B,IAAA,GAAa;UAAAF,CAAA,EAAKA,CAAC,GAAG3B,KAAK,GAAG,CAAC;UAAA4B,CAAA,EAAKA,CAAC,GAAG1B;QAAO,CAAC;QAChDI,SAAS,CAACuB,IAAI,CAAC;QACfrB,aAAa,CAACqB,IAAI,CAAC;MAAA,CACpB,CAAC;IAAA,CACH;IAAAjC,CAAA,MAAA0B,EAAA;EAAA;IAAAA,EAAA,GAAA1B,CAAA;EAAA;EAND,MAAAkC,QAAA,GAAiBR,EAMX;EAAA,IAAAS,EAAA;EAAA,IAAAnC,CAAA,QAAA2B,MAAA,CAAAC,GAAA;IAE0BO,EAAA,GAAAA,CAAA,KAAMzB,SAAS,CAAC,IAAI,CAAC;IAAAV,CAAA,MAAAmC,EAAA;EAAA;IAAAA,EAAA,GAAAnC,CAAA;EAAA;EAArD,MAAAoC,WAAA,GAAoBD,EAAsC;EAAA,IAAAE,EAAA;EAAA,IAAArC,CAAA,QAAAuB,KAAA;IAC5Bc,EAAA,GAAAA,CAAA,KAAMd,KAAK,CAACa,WAAW,CAAC;IAAApC,CAAA,MAAAuB,KAAA;IAAAvB,CAAA,MAAAqC,EAAA;EAAA;IAAAA,EAAA,GAAArC,CAAA;EAAA;EAAtD,MAAAsC,SAAA,GAAkBD,EAA2D;EAAA,IAAAE,EAAA;EAAA,IAAAvC,CAAA,SAAAuB,KAAA;IAEpDgB,EAAA,GAAAC,MAAA;MACvB5D,eAAe,CAACqD,MAAI,CAAC;MACrBV,KAAK,CAACa,WAAW,CAAC;IAAA,CACnB;IAAApC,CAAA,OAAAuB,KAAA;IAAAvB,CAAA,OAAAuC,EAAA;EAAA;IAAAA,EAAA,GAAAvC,CAAA;EAAA;EAHD,MAAAyC,IAAA,GAAaF,EAGW;EAExB,MAAAG,UAAA,GAAmBhE,qBAAqB,CAAAiE,MAAO,GAAG7D,eAAe;EAEjE,MAAA8D,OAAA,GAAgB,CAAC,CAAC/B,WAA4D,IAA7CA,WAAW,CAAAmB,CAAE,GAAGU,UAAU,GAAG,CAAC,GAAGnC,YAAY;EAC9E,MAAAsC,OAAA,GAAgBhC,WAAW,GACtB+B,OAAO,GAAG/B,WAAW,CAAAmB,CAAE,GAAG,CAAgD,GAA5Cc,IAAI,CAAAC,GAAI,CAAC,CAAC,EAAElC,WAAW,CAAAmB,CAAE,GAAGU,UAAU,GAAG,EAAE,CACzE,GAFW,CAEX;EACL,MAAAM,QAAA,GAAiBnC,WAAW,GACxBiC,IAAI,CAAAC,GAAI,CAAC,CAAC,EAAED,IAAI,CAAAG,GAAI,CAAC5C,WAAW,GAAGxB,UAAU,GAAG,CAAC,EAAEgC,WAAW,CAAAkB,CAAE,GAAGlD,UAAU,GAAG,CAAC,CACjF,CAAC,GAFY,CAEZ;EAEL,MAAAqE,OAAA,GAAgBrC,WAAW,GAAGA,WAAW,CAAAkB,CAAE,GAAGiB,QAAyB,GAAdnE,UAAU,GAAG,CAAC;EAEvE,MAAAsE,SAAA,GAAkB/E,gBAAgB,CAAC,OAAO;IAAAgF,OAAA,EAC/BlF,WAAW,CAAC4C,MAAM,CAAAuC,KAAM,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAErF,aAAa,CAAAsF,KAAM,CAAC;IAAAC,SAAA,EAC9D,CAAC;MAAAC,KAAA,EAAS,GAAG,GAAG,GAAG,GAAG1C,MAAM,CAAAuC;IAAO,CAAC;EACjD,CAAC,CAAC,CAAC;EAAA,IAAAI,EAAA;EAAA,IAAAzD,CAAA,SAAAL,IAAA;IASyC8D,EAAA,GAAA/D,UAAU,CAACC,IAAI,CAAC;IAAAK,CAAA,OAAAL,IAAA;IAAAK,CAAA,OAAAyD,EAAA;EAAA;IAAAA,EAAA,GAAAzD,CAAA;EAAA;EAAlC,MAAA0D,EAAA,qBAAkBD,EAAgB,EAAE;EAAA,IAAAE,GAAA;EAAA,IAAA3D,CAAA,SAAA2B,MAAA,CAAAC,GAAA;IAE/C+B,GAAA;MAAAC,GAAA,EAAO,CAAC;MAAAC,MAAA,EAAU,CAAC;MAAAC,IAAA,EAAQ,CAAC;MAAAC,KAAA,EAAS;IAAE,CAAC;IAAA/D,CAAA,OAAA2D,GAAA;EAAA;IAAAA,GAAA,GAAA3D,CAAA;EAAA;EAC5B,MAAAgE,GAAA,GAAArE,IAAI,KAAK,CAAsB,IAAjBO,MAAM,CAAA+D,UAAW;EAAA,IAAAC,GAAA;EAAA,IAAAlE,CAAA,SAAAE,MAAA,CAAAiE,IAAA,IAAAnE,CAAA,SAAAgE,GAAA;IAA7CE,GAAA,IAAChE,MAAM,CAAAiE,IAAK,EAAEH,GAA+B,CAAC;IAAAhE,CAAA,OAAAE,MAAA,CAAAiE,IAAA;IAAAnE,CAAA,OAAAgE,GAAA;IAAAhE,CAAA,OAAAkE,GAAA;EAAA;IAAAA,GAAA,GAAAlE,CAAA;EAAA;EAEtB,MAAAoE,GAAA,GAAAzE,IAAI,KAAK,CAA0B,IAArBO,MAAM,CAAAmE,cAAe;EAAA,IAAAC,GAAA;EAAA,IAAAtE,CAAA,SAAAE,MAAA,CAAAqE,QAAA,IAAAvE,CAAA,SAAAoE,GAAA;IAArDE,GAAA,IAACpE,MAAM,CAAAqE,QAAS,EAAEH,GAAmC,CAAC;IAAApE,CAAA,OAAAE,MAAA,CAAAqE,QAAA;IAAAvE,CAAA,OAAAoE,GAAA;IAAApE,CAAA,OAAAsE,GAAA;EAAA;IAAAA,GAAA,GAAAtE,CAAA;EAAA;EAAA,IAAAwE,GAAA;EAAA,IAAAxE,CAAA,SAAAL,IAAA;IAAG6E,GAAA,GAAA9E,UAAU,CAACC,IAAI,CAAC;IAAAK,CAAA,OAAAL,IAAA;IAAAK,CAAA,OAAAwE,GAAA;EAAA;IAAAA,GAAA,GAAAxE,CAAA;EAAA;EAAA,IAAAyE,GAAA;EAAA,IAAAzE,CAAA,SAAAsE,GAAA,IAAAtE,CAAA,SAAAwE,GAAA;IAAtFC,GAAA,IAAC,IAAI,CAAQ,KAAsD,CAAtD,CAAAH,GAAqD,CAAC,CAAG,CAAAE,GAAe,CAAE,EAAtF,IAAI,CAAyF;IAAAxE,CAAA,OAAAsE,GAAA;IAAAtE,CAAA,OAAAwE,GAAA;IAAAxE,CAAA,OAAAyE,GAAA;EAAA;IAAAA,GAAA,GAAAzE,CAAA;EAAA;EAAA,IAAA0E,GAAA;EAAA,IAAA1E,CAAA,SAAAyB,KAAA,IAAAzB,CAAA,SAAAkE,GAAA,IAAAlE,CAAA,SAAAyE,GAAA,IAAAzE,CAAA,SAAA0D,EAAA;IAVhGgB,GAAA,IAAC,SAAS,CACHlE,GAAO,CAAPA,QAAM,CAAC,CACHiB,OAAK,CAALA,MAAI,CAAC,CACDS,WAAQ,CAARA,SAAO,CAAC,CACH,iBAAQ,CAAR,QAAQ,CACN,kBAAoC,CAApC,CAAAwB,EAAmC,CAAC,CACtC,iBAA4B,CAA5B,4BAA4B,CACrC,OAAwC,CAAxC,CAAAC,GAAuC,CAAC,CAC1C,KAA8C,CAA9C,CAAAO,GAA6C,CAAC,CAErD,CAAAO,GAA6F,CAC/F,EAXC,SAAS,CAWE;IAAAzE,CAAA,OAAAyB,KAAA;IAAAzB,CAAA,OAAAkE,GAAA;IAAAlE,CAAA,OAAAyE,GAAA;IAAAzE,CAAA,OAAA0D,EAAA;IAAA1D,CAAA,OAAA0E,GAAA;EAAA;IAAAA,GAAA,GAAA1E,CAAA;EAAA;EAOuD,MAAA2E,GAAA,GAAA/B,OAAO,GAAP,CAA4B,GAAdF,UAAU,GAAG,CAAC;EAAA,IAAAkC,GAAA;EAAA,IAAA5E,CAAA,SAAAkD,OAAA,IAAAlD,CAAA,SAAA2E,GAAA;IAAtCC,GAAA,IAAC1B,OAAO,EAAEyB,GAA4B,EAAE,CAAC,CAAC;IAAA3E,CAAA,OAAAkD,OAAA;IAAAlD,CAAA,OAAA2E,GAAA;IAAA3E,CAAA,OAAA4E,GAAA;EAAA;IAAAA,GAAA,GAAA5E,CAAA;EAAA;EAAA,IAAA6E,GAAA;EAAA,IAAA7E,CAAA,SAAAgD,QAAA,IAAAhD,CAAA,SAAA6C,OAAA,IAAA7C,CAAA,SAAA4E,GAAA;IAA3FC,GAAA;MAAAjB,GAAA,EAAOf,OAAO;MAAAiB,IAAA,EAAQd,QAAQ;MAAA8B,eAAA,EAAmBF;IAA2C,CAAC;IAAA5E,CAAA,OAAAgD,QAAA;IAAAhD,CAAA,OAAA6C,OAAA;IAAA7C,CAAA,OAAA4E,GAAA;IAAA5E,CAAA,OAAA6E,GAAA;EAAA;IAAAA,GAAA,GAAA7E,CAAA;EAAA;EAAA,IAAA+E,GAAA;EAAA,IAAA/E,CAAA,SAAAmD,SAAA,IAAAnD,CAAA,SAAAE,MAAA,CAAA8E,IAAA,IAAAhF,CAAA,SAAA6E,GAAA;IAFxFE,GAAA,IACL7E,MAAM,CAAA8E,IAAK,EACXH,GAA6F,EAC7F1B,SAAS,CACV;IAAAnD,CAAA,OAAAmD,SAAA;IAAAnD,CAAA,OAAAE,MAAA,CAAA8E,IAAA;IAAAhF,CAAA,OAAA6E,GAAA;IAAA7E,CAAA,OAAA+E,GAAA;EAAA;IAAAA,GAAA,GAAA/E,CAAA;EAAA;EAAA,IAAAiF,GAAA;EAAA,IAAAjF,CAAA,SAAAyC,IAAA,IAAAzC,CAAA,SAAAL,IAAA,IAAAK,CAAA,SAAAE,MAAA,CAAAgF,OAAA,IAAAlF,CAAA,SAAAE,MAAA,CAAAiF,QAAA,IAAAnF,CAAA,SAAAE,MAAA,CAAAkF,gBAAA;IAEAH,GAAA,GAAAvG,qBAAqB,CAAA2G,GAAI,CAACC,MAAA,IACzB,CAAC,SAAS,CACHA,GAAM,CAANA,OAAK,CAAC,CACF,OAAkB,CAAlB,OAAM7C,IAAI,CAAC6C,MAAM,EAAC,CACT,iBAAQ,CAAR,QAAQ,CACN,kBAA6B,CAA7B;MAAAC,QAAA,EAAYD,MAAM,KAAK3F;IAAK,EAAC,CAC1C,KAAc,CAAd,CAAAO,MAAM,CAAAgF,OAAO,CAAC,CAErB,CAAC,IAAI,CAAQ,KAA6D,CAA7D,EAAChF,MAAM,CAAAiF,QAAS,EAAEG,MAAM,KAAK3F,IAA+B,IAAvBO,MAAM,CAAAkF,gBAAiB,EAAC,CACvE,CAAA1F,UAAU,CAAC4F,MAAM,EACpB,EAFC,IAAI,CAGP,EAVC,SAAS,CAWX,CAAC;IAAAtF,CAAA,OAAAyC,IAAA;IAAAzC,CAAA,OAAAL,IAAA;IAAAK,CAAA,OAAAE,MAAA,CAAAgF,OAAA;IAAAlF,CAAA,OAAAE,MAAA,CAAAiF,QAAA;IAAAnF,CAAA,OAAAE,MAAA,CAAAkF,gBAAA;IAAApF,CAAA,OAAAiF,GAAA;EAAA;IAAAA,GAAA,GAAAjF,CAAA;EAAA;EAAA,IAAAwF,GAAA;EAAA,IAAAxF,CAAA,SAAA+E,GAAA,IAAA/E,CAAA,SAAAiF,GAAA;IAnBJO,GAAA,kBACS,KAIN,CAJM,CAAAT,GAIP,CAAC,CAEA,CAAAE,GAYA,CACH,gBAAgB;IAAAjF,CAAA,OAAA+E,GAAA;IAAA/E,CAAA,OAAAiF,GAAA;IAAAjF,CAAA,OAAAwF,GAAA;EAAA;IAAAA,GAAA,GAAAxF,CAAA;EAAA;EAAA,IAAAyF,GAAA;EAAA,IAAAzF,CAAA,SAAAsC,SAAA,IAAAtC,CAAA,SAAAwF,GAAA;IArBlBC,GAAA,IAAC,SAAS,CAAQ,KAAuB,CAAvB,CAAA9H,UAAU,CAAA+H,YAAY,CAAC,CAAWpD,OAAS,CAATA,UAAQ,CAAC,CAAqB,kBAAO,CAAP,OAAO,CACvF,CAAAkD,GAoBe,CACjB,EAtBC,SAAS,CAsBE;IAAAxF,CAAA,OAAAsC,SAAA;IAAAtC,CAAA,OAAAwF,GAAA;IAAAxF,CAAA,OAAAyF,GAAA;EAAA;IAAAA,GAAA,GAAAzF,CAAA;EAAA;EAAA,IAAA2F,GAAA;EAAA,IAAA3F,CAAA,SAAAsC,SAAA,IAAAtC,CAAA,SAAAsB,SAAA,IAAAtB,CAAA,SAAAyF,GAAA;IAvBdE,GAAA,IAAC,KAAK,CAAUrE,OAAS,CAATA,UAAQ,CAAC,CAAE,WAAW,CAAX,KAAU,CAAC,CAAe,aAAM,CAAN,MAAM,CAAiBgB,cAAS,CAATA,UAAQ,CAAC,CACnF,CAAAmD,GAsBW,CACb,EAxBC,KAAK,CAwBE;IAAAzF,CAAA,OAAAsC,SAAA;IAAAtC,CAAA,OAAAsB,SAAA;IAAAtB,CAAA,OAAAyF,GAAA;IAAAzF,CAAA,OAAA2F,GAAA;EAAA;IAAAA,GAAA,GAAA3F,CAAA;EAAA;EAAA,IAAA4F,GAAA;EAAA,IAAA5F,CAAA,SAAA0E,GAAA,IAAA1E,CAAA,SAAA2F,GAAA;IAtCVC,GAAA,KACE,CAAAlB,GAWW,CAEX,CAAAiB,GAwBO,CAAC,GACP;IAAA3F,CAAA,OAAA0E,GAAA;IAAA1E,CAAA,OAAA2F,GAAA;IAAA3F,CAAA,OAAA4F,GAAA;EAAA;IAAAA,GAAA,GAAA5F,CAAA;EAAA;EAAA,OAvCH4F,GAuCG;AAAA;AAIP,MAAMzF,YAAY,GAAI0F,KAAgB,IAAKlI,UAAU,CAACmI,MAAM,CAAC;EAC3D;EACA;EACA;EACA3B,IAAI,EAAE;IACJ4B,iBAAiB,EAAE,CAAC;IACpBC,WAAW,EAAE,GAAG;IAChBC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAEL,KAAK,CAACM,MAAM,CAACC;EAC5B,CAAC;EACDnC,UAAU,EAAE;IACViC,WAAW,EAAEL,KAAK,CAACM,MAAM,CAACE;EAC5B,CAAC;EACD9B,QAAQ,EAAE;IACR+B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEZ,KAAK,CAACM,MAAM,CAACC;EACtB,CAAC;EACD/B,cAAc,EAAE;IACdoC,KAAK,EAAEZ,KAAK,CAACM,MAAM,CAACE;EACtB,CAAC;EACDrB,IAAI,EAAE;IACJ0B,QAAQ,EAAE,UAAU;IACpBtG,KAAK,EAAEvB,UAAU;IACjBoH,YAAY,EAAE,EAAE;IAChBU,eAAe,EAAE,CAAC;IAClBC,eAAe,EAAEf,KAAK,CAACM,MAAM,CAACU,eAAe;IAC7CC,WAAW,EAAE,MAAM;IACnBC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,EAAE;IAChBC,YAAY,EAAE;MAAE7G,KAAK,EAAE,CAAC;MAAEE,MAAM,EAAE;IAAE,CAAC;IACrC4G,SAAS,EAAE;EACb,CAAC;EACDhC,OAAO,EAAE;IACP5E,MAAM,EAAExB,eAAe;IACvBqI,cAAc,EAAE,QAAQ;IACxBpB,iBAAiB,EAAE;EACrB,CAAC;EACDZ,QAAQ,EAAE;IACRmB,QAAQ,EAAE,EAAE;IACZG,KAAK,EAAEZ,KAAK,CAACM,MAAM,CAACiB;EACtB,CAAC;EACDhC,gBAAgB,EAAE;IAChBqB,KAAK,EAAEZ,KAAK,CAACM,MAAM,CAACE,MAAM;IAC1BG,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}