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

package/lib/LoadEarlierMessages.js

@@ -1,49 +1,162 @@
+import { c as _c } from "react/compiler-runtime";
 import React from 'react';
-import { ActivityIndicator, StyleSheet, View, Text } from 'react-native';
+import { StyleSheet, View, Text } from 'react-native';
 import { Color } from './Color';
+import { ServiceSpinner } from './components/ServiceSpinner';
 import { TouchableOpacity } from './components/TouchableOpacity';
 import { useLabels } from './hooks/useLabels';
 import { useThemedStyles } from './hooks/useTheme';
 import stylesCommon from './styles';
-export const LoadEarlierMessages = ({ isLoading = false, onPress, label, containerStyle, wrapperStyle, textStyle, activityIndicatorColor = 'white', activityIndicatorSize = 'small', activityIndicatorStyle, }) => {
-    const styles = useThemedStyles(createStyles);
-    const labels = useLabels();
-    const resolvedLabel = label ?? labels.loadEarlier;
-    return (<TouchableOpacity style={[styles.container, containerStyle]} onPress={onPress} enabled={!isLoading} accessibilityRole='button'>
-      <View style={[stylesCommon.centerItems, styles.wrapper, wrapperStyle]}>
-        {isLoading
-            ? (<ActivityIndicator color={activityIndicatorColor} size={activityIndicatorSize} style={[styles.activityIndicator, activityIndicatorStyle]}/>)
-            : (<View style={styles.textContainer}>
-                <Text style={[styles.text, textStyle]}>
-                  {resolvedLabel}
-                </Text>
-              </View>)}
-      </View>
-    </TouchableOpacity>);
+/** The loading row is 44 tall around the 36 circle. */
+const LOADING_ROW_HEIGHT = 44;
+export const LoadEarlierMessages = t0 => {
+  const $ = _c(34);
+  const {
+    isLoading: t1,
+    isInfiniteScrollEnabled: t2,
+    onPress,
+    label,
+    containerStyle,
+    wrapperStyle,
+    textStyle,
+    activityIndicatorColor,
+    activityIndicatorStyle
+  } = t0;
+  const isLoading = t1 === undefined ? false : t1;
+  const isInfiniteScrollEnabled = t2 === undefined ? false : t2;
+  const styles = useThemedStyles(createStyles);
+  const labels = useLabels();
+  const resolvedLabel = label ?? labels.loadEarlier;
+  if (isLoading || isInfiniteScrollEnabled) {
+    let t3;
+    if ($[0] !== containerStyle || $[1] !== styles.loadingRow) {
+      t3 = [styles.loadingRow, containerStyle];
+      $[0] = containerStyle;
+      $[1] = styles.loadingRow;
+      $[2] = t3;
+    } else {
+      t3 = $[2];
+    }
+    let t4;
+    if ($[3] !== activityIndicatorStyle || $[4] !== wrapperStyle) {
+      t4 = [wrapperStyle, activityIndicatorStyle];
+      $[3] = activityIndicatorStyle;
+      $[4] = wrapperStyle;
+      $[5] = t4;
+    } else {
+      t4 = $[5];
+    }
+    let t5;
+    if ($[6] !== activityIndicatorColor || $[7] !== t4) {
+      t5 = <ServiceSpinner color={activityIndicatorColor} style={t4} />;
+      $[6] = activityIndicatorColor;
+      $[7] = t4;
+      $[8] = t5;
+    } else {
+      t5 = $[8];
+    }
+    let t6;
+    if ($[9] !== t3 || $[10] !== t5) {
+      t6 = <View style={t3}>{t5}</View>;
+      $[9] = t3;
+      $[10] = t5;
+      $[11] = t6;
+    } else {
+      t6 = $[11];
+    }
+    return t6;
+  }
+  let t3;
+  if ($[12] !== containerStyle || $[13] !== styles.container) {
+    t3 = [styles.container, containerStyle];
+    $[12] = containerStyle;
+    $[13] = styles.container;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  let t4;
+  if ($[15] !== styles.wrapper || $[16] !== wrapperStyle) {
+    t4 = [stylesCommon.centerItems, styles.wrapper, wrapperStyle];
+    $[15] = styles.wrapper;
+    $[16] = wrapperStyle;
+    $[17] = t4;
+  } else {
+    t4 = $[17];
+  }
+  let t5;
+  if ($[18] !== styles.text || $[19] !== textStyle) {
+    t5 = [styles.text, textStyle];
+    $[18] = styles.text;
+    $[19] = textStyle;
+    $[20] = t5;
+  } else {
+    t5 = $[20];
+  }
+  let t6;
+  if ($[21] !== resolvedLabel || $[22] !== t5) {
+    t6 = <Text style={t5}>{resolvedLabel}</Text>;
+    $[21] = resolvedLabel;
+    $[22] = t5;
+    $[23] = t6;
+  } else {
+    t6 = $[23];
+  }
+  let t7;
+  if ($[24] !== styles.textContainer || $[25] !== t6) {
+    t7 = <View style={styles.textContainer}>{t6}</View>;
+    $[24] = styles.textContainer;
+    $[25] = t6;
+    $[26] = t7;
+  } else {
+    t7 = $[26];
+  }
+  let t8;
+  if ($[27] !== t4 || $[28] !== t7) {
+    t8 = <View style={t4}>{t7}</View>;
+    $[27] = t4;
+    $[28] = t7;
+    $[29] = t8;
+  } else {
+    t8 = $[29];
+  }
+  let t9;
+  if ($[30] !== onPress || $[31] !== t3 || $[32] !== t8) {
+    t9 = <TouchableOpacity style={t3} onPress={onPress} accessibilityRole="button">{t8}</TouchableOpacity>;
+    $[30] = onPress;
+    $[31] = t3;
+    $[32] = t8;
+    $[33] = t9;
+  } else {
+    t9 = $[33];
+  }
+  return t9;
 };
-const createStyles = (theme) => StyleSheet.create({
-    container: {
-        alignItems: 'center',
-        marginVertical: 10,
-    },
-    wrapper: {
-        backgroundColor: theme.colors.dayPillBackground,
-        borderRadius: theme.radii.dayPill,
-        paddingHorizontal: 12,
-        paddingVertical: 5,
-    },
-    textContainer: {
-        paddingTop: 3,
-        paddingBottom: 4,
-    },
-    text: {
-        backgroundColor: Color.backgroundTransparent,
-        color: theme.colors.dayPillText,
-        fontSize: 12,
-        lineHeight: 13,
-    },
-    activityIndicator: {
-        paddingHorizontal: 20,
-    },
+const createStyles = theme => StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    marginVertical: 10
+  },
+  wrapper: {
+    backgroundColor: theme.colors.dayPillBackground,
+    borderRadius: theme.radii.dayPill,
+    paddingHorizontal: 12,
+    paddingVertical: 5
+  },
+  textContainer: {
+    paddingTop: 3,
+    paddingBottom: 4
+  },
+  text: {
+    backgroundColor: Color.backgroundTransparent,
+    color: theme.colors.dayPillText,
+    fontSize: 12,
+    lineHeight: 13
+  },
+  loadingRow: {
+    height: LOADING_ROW_HEIGHT,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
 });
 //# sourceMappingURL=LoadEarlierMessages.js.map

package/lib/LoadEarlierMessages.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadEarlierMessages.js","sourceRoot":"","sources":["../src/LoadEarlierMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,iBAAiB,EACjB,UAAU,EACV,IAAI,EAIJ,IAAI,EAAE,MAAM,cAAc,CAAA;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,YAAY,MAAM,UAAU,CAAA;AAiBnC,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,SAAS,GAAG,KAAK,EACjB,OAAO,EACP,KAAK,EACL,cAAc,EACd,YAAY,EACZ,SAAS,EACT,sBAAsB,GAAG,OAAO,EAChC,qBAAqB,GAAG,OAAO,EAC/B,sBAAsB,GACvB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAC5C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,aAAa,GAAG,KAAK,IAAI,MAAM,CAAC,WAAW,CAAA;IAEjD,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAC1C,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CACpB,iBAAiB,CAAC,QAAQ,CAE1B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CACpE;QAAA,CACE,SAAS;YACP,CAAC,CAAC,CACA,CAAC,iBAAiB,CAChB,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAC9B,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAC5B,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC,EAC1D,CACH;YACD,CAAC,CAAC,CACA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;gBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CACpC;kBAAA,CAAC,aAAa,CAChB;gBAAA,EAAE,IAAI,CACR;cAAA,EAAE,IAAI,CAAC,CAEb,CACF;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC;IAC3D,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,EAAE;KACnB;IACD,OAAO,EAAE;QACP,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB;QAC/C,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO;QACjC,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;KACnB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;KACjB;IACD,IAAI,EAAE;QACJ,eAAe,EAAE,KAAK,CAAC,qBAAqB;QAC5C,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;QAC/B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;KACf;IACD,iBAAiB,EAAE;QACjB,iBAAiB,EAAE,EAAE;KACtB;CACF,CAAC,CAAA"}
+{"version":3,"file":"LoadEarlierMessages.js","names":["React","StyleSheet","View","Text","Color","ServiceSpinner","TouchableOpacity","useLabels","useThemedStyles","stylesCommon","LOADING_ROW_HEIGHT","LoadEarlierMessages","t0","$","_c","isLoading","t1","isInfiniteScrollEnabled","t2","onPress","label","containerStyle","wrapperStyle","textStyle","activityIndicatorColor","activityIndicatorStyle","undefined","styles","createStyles","labels","resolvedLabel","loadEarlier","t3","loadingRow","t4","t5","t6","container","wrapper","centerItems","text","t7","textContainer","t8","t9","theme","create","alignItems","marginVertical","backgroundColor","colors","dayPillBackground","borderRadius","radii","dayPill","paddingHorizontal","paddingVertical","paddingTop","paddingBottom","backgroundTransparent","color","dayPillText","fontSize","lineHeight","height","justifyContent"],"sources":["../src/LoadEarlierMessages.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  StyleSheet,\n  View,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n  Text } from 'react-native'\nimport { Color } from './Color'\nimport { ServiceSpinner } from './components/ServiceSpinner'\nimport { TouchableOpacity } from './components/TouchableOpacity'\nimport { useLabels } from './hooks/useLabels'\nimport { useThemedStyles } from './hooks/useTheme'\nimport stylesCommon from './styles'\nimport { ChatTheme } from './Theme'\n\nexport interface LoadEarlierMessagesProps {\n  isAvailable: boolean\n  isLoading: boolean\n  onPress: () => void\n  isInfiniteScrollEnabled?: boolean\n  label?: string\n  containerStyle?: StyleProp<ViewStyle>\n  wrapperStyle?: StyleProp<ViewStyle>\n  textStyle?: StyleProp<TextStyle>\n  activityIndicatorStyle?: StyleProp<ViewStyle>\n  /** Color of the spinner's arc; defaults to the date pill's text color. */\n  activityIndicatorColor?: string\n  /** @deprecated The spinner is a fixed 28-wide arc in a 36 circle; this is ignored. */\n  activityIndicatorSize?: number | 'small' | 'large'\n}\n\n/** The loading row is 44 tall around the 36 circle. */\nconst LOADING_ROW_HEIGHT = 44\n\nexport const LoadEarlierMessages: React.FC<LoadEarlierMessagesProps> = ({\n  isLoading = false,\n  isInfiniteScrollEnabled = false,\n  onPress,\n  label,\n  containerStyle,\n  wrapperStyle,\n  textStyle,\n  activityIndicatorColor,\n  activityIndicatorStyle,\n}) => {\n  const styles = useThemedStyles(createStyles)\n  const labels = useLabels()\n  const resolvedLabel = label ?? labels.loadEarlier\n\n  // No button by default: while more history exists the list ends in a loading cell, a\n  // spinner in a service circle, and reaching it loads the next page. The labelled button\n  // stays for chats that load on tap.\n  if (isLoading || isInfiniteScrollEnabled)\n    return (\n      <View style={[styles.loadingRow, containerStyle]}>\n        <ServiceSpinner\n          color={activityIndicatorColor}\n          style={[wrapperStyle, activityIndicatorStyle]}\n        />\n      </View>\n    )\n\n  return (\n    <TouchableOpacity\n      style={[styles.container, containerStyle]}\n      onPress={onPress}\n      accessibilityRole='button'\n    >\n      <View style={[stylesCommon.centerItems, styles.wrapper, wrapperStyle]}>\n        <View style={styles.textContainer}>\n          <Text style={[styles.text, textStyle]}>\n            {resolvedLabel}\n          </Text>\n        </View>\n      </View>\n    </TouchableOpacity>\n  )\n}\n\nconst createStyles = (theme: ChatTheme) => StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    marginVertical: 10,\n  },\n  wrapper: {\n    backgroundColor: theme.colors.dayPillBackground,\n    borderRadius: theme.radii.dayPill,\n    paddingHorizontal: 12,\n    paddingVertical: 5,\n  },\n  textContainer: {\n    paddingTop: 3,\n    paddingBottom: 4,\n  },\n  text: {\n    backgroundColor: Color.backgroundTransparent,\n    color: theme.colors.dayPillText,\n    fontSize: 12,\n    lineHeight: 13,\n  },\n  loadingRow: {\n    height: LOADING_ROW_HEIGHT,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n})\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,UAAU,EACVC,IAAI,EAIJC,IAAI,QAAQ,cAAc;AAC5B,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,eAAe,QAAQ,kBAAkB;AAClD,OAAOC,YAAY,MAAM,UAAU;AAmBnC;AACA,MAAMC,kBAAkB,GAAG,EAAE;AAE7B,OAAO,MAAMC,mBAAuD,GAAGC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAC;IAAAC,SAAA,EAAAC,EAAA;IAAAC,uBAAA,EAAAC,EAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,cAAA;IAAAC,YAAA;IAAAC,SAAA;IAAAC,sBAAA;IAAAC;EAAA,IAAAb,EAUvE;EATC,MAAAG,SAAA,GAAAC,EAAiB,KAAjBU,SAAiB,GAAjB,KAAiB,GAAjBV,EAAiB;EACjB,MAAAC,uBAAA,GAAAC,EAA+B,KAA/BQ,SAA+B,GAA/B,KAA+B,GAA/BR,EAA+B;EAS/B,MAAAS,MAAA,GAAenB,eAAe,CAACoB,YAAY,CAAC;EAC5C,MAAAC,MAAA,GAAetB,SAAS,CAAC,CAAC;EAC1B,MAAAuB,aAAA,GAAsBV,KAA2B,IAAlBS,MAAM,CAAAE,WAAY;EAKjD,IAAIhB,SAAoC,IAApCE,uBAAoC;IAAA,IAAAe,EAAA;IAAA,IAAAnB,CAAA,QAAAQ,cAAA,IAAAR,CAAA,QAAAc,MAAA,CAAAM,UAAA;MAEvBD,EAAA,IAACL,MAAM,CAAAM,UAAW,EAAEZ,cAAc,CAAC;MAAAR,CAAA,MAAAQ,cAAA;MAAAR,CAAA,MAAAc,MAAA,CAAAM,UAAA;MAAApB,CAAA,MAAAmB,EAAA;IAAA;MAAAA,EAAA,GAAAnB,CAAA;IAAA;IAAA,IAAAqB,EAAA;IAAA,IAAArB,CAAA,QAAAY,sBAAA,IAAAZ,CAAA,QAAAS,YAAA;MAGrCY,EAAA,IAACZ,YAAY,EAAEG,sBAAsB,CAAC;MAAAZ,CAAA,MAAAY,sBAAA;MAAAZ,CAAA,MAAAS,YAAA;MAAAT,CAAA,MAAAqB,EAAA;IAAA;MAAAA,EAAA,GAAArB,CAAA;IAAA;IAAA,IAAAsB,EAAA;IAAA,IAAAtB,CAAA,QAAAW,sBAAA,IAAAX,CAAA,QAAAqB,EAAA;MAF/CC,EAAA,IAAC,cAAc,CACNX,KAAsB,CAAtBA,uBAAqB,CAAC,CACtB,KAAsC,CAAtC,CAAAU,EAAqC,CAAC,GAC7C;MAAArB,CAAA,MAAAW,sBAAA;MAAAX,CAAA,MAAAqB,EAAA;MAAArB,CAAA,MAAAsB,EAAA;IAAA;MAAAA,EAAA,GAAAtB,CAAA;IAAA;IAAA,IAAAuB,EAAA;IAAA,IAAAvB,CAAA,QAAAmB,EAAA,IAAAnB,CAAA,SAAAsB,EAAA;MAJJC,EAAA,IAAC,IAAI,CAAQ,KAAmC,CAAnC,CAAAJ,EAAkC,CAAC,CAC9C,CAAAG,EAGC,CACH,EALC,IAAI,CAKE;MAAAtB,CAAA,MAAAmB,EAAA;MAAAnB,CAAA,OAAAsB,EAAA;MAAAtB,CAAA,OAAAuB,EAAA;IAAA;MAAAA,EAAA,GAAAvB,CAAA;IAAA;IAAA,OALPuB,EAKO;EAAA;EACR,IAAAJ,EAAA;EAAA,IAAAnB,CAAA,SAAAQ,cAAA,IAAAR,CAAA,SAAAc,MAAA,CAAAU,SAAA;IAIQL,EAAA,IAACL,MAAM,CAAAU,SAAU,EAAEhB,cAAc,CAAC;IAAAR,CAAA,OAAAQ,cAAA;IAAAR,CAAA,OAAAc,MAAA,CAAAU,SAAA;IAAAxB,CAAA,OAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EAAA,IAAAqB,EAAA;EAAA,IAAArB,CAAA,SAAAc,MAAA,CAAAW,OAAA,IAAAzB,CAAA,SAAAS,YAAA;IAI5BY,EAAA,IAACzB,YAAY,CAAA8B,WAAY,EAAEZ,MAAM,CAAAW,OAAQ,EAAEhB,YAAY,CAAC;IAAAT,CAAA,OAAAc,MAAA,CAAAW,OAAA;IAAAzB,CAAA,OAAAS,YAAA;IAAAT,CAAA,OAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAAA,IAAAsB,EAAA;EAAA,IAAAtB,CAAA,SAAAc,MAAA,CAAAa,IAAA,IAAA3B,CAAA,SAAAU,SAAA;IAEpDY,EAAA,IAACR,MAAM,CAAAa,IAAK,EAAEjB,SAAS,CAAC;IAAAV,CAAA,OAAAc,MAAA,CAAAa,IAAA;IAAA3B,CAAA,OAAAU,SAAA;IAAAV,CAAA,OAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAAA,IAAAuB,EAAA;EAAA,IAAAvB,CAAA,SAAAiB,aAAA,IAAAjB,CAAA,SAAAsB,EAAA;IAArCC,EAAA,IAAC,IAAI,CAAQ,KAAwB,CAAxB,CAAAD,EAAuB,CAAC,CAClCL,cAAY,CACf,EAFC,IAAI,CAEE;IAAAjB,CAAA,OAAAiB,aAAA;IAAAjB,CAAA,OAAAsB,EAAA;IAAAtB,CAAA,OAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EAAA,IAAA4B,EAAA;EAAA,IAAA5B,CAAA,SAAAc,MAAA,CAAAe,aAAA,IAAA7B,CAAA,SAAAuB,EAAA;IAHTK,EAAA,IAAC,IAAI,CAAQ,KAAoB,CAApB,CAAAd,MAAM,CAAAe,aAAa,CAAC,CAC/B,CAAAN,EAEM,CACR,EAJC,IAAI,CAIE;IAAAvB,CAAA,OAAAc,MAAA,CAAAe,aAAA;IAAA7B,CAAA,OAAAuB,EAAA;IAAAvB,CAAA,OAAA4B,EAAA;EAAA;IAAAA,EAAA,GAAA5B,CAAA;EAAA;EAAA,IAAA8B,EAAA;EAAA,IAAA9B,CAAA,SAAAqB,EAAA,IAAArB,CAAA,SAAA4B,EAAA;IALTE,EAAA,IAAC,IAAI,CAAQ,KAAwD,CAAxD,CAAAT,EAAuD,CAAC,CACnE,CAAAO,EAIM,CACR,EANC,IAAI,CAME;IAAA5B,CAAA,OAAAqB,EAAA;IAAArB,CAAA,OAAA4B,EAAA;IAAA5B,CAAA,OAAA8B,EAAA;EAAA;IAAAA,EAAA,GAAA9B,CAAA;EAAA;EAAA,IAAA+B,EAAA;EAAA,IAAA/B,CAAA,SAAAM,OAAA,IAAAN,CAAA,SAAAmB,EAAA,IAAAnB,CAAA,SAAA8B,EAAA;IAXTC,EAAA,IAAC,gBAAgB,CACR,KAAkC,CAAlC,CAAAZ,EAAiC,CAAC,CAChCb,OAAO,CAAPA,QAAM,CAAC,CACE,iBAAQ,CAAR,QAAQ,CAE1B,CAAAwB,EAMM,CACR,EAZC,gBAAgB,CAYE;IAAA9B,CAAA,OAAAM,OAAA;IAAAN,CAAA,OAAAmB,EAAA;IAAAnB,CAAA,OAAA8B,EAAA;IAAA9B,CAAA,OAAA+B,EAAA;EAAA;IAAAA,EAAA,GAAA/B,CAAA;EAAA;EAAA,OAZnB+B,EAYmB;AAAA,CAEtB;AAED,MAAMhB,YAAY,GAAIiB,KAAgB,IAAK5C,UAAU,CAAC6C,MAAM,CAAC;EAC3DT,SAAS,EAAE;IACTU,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDV,OAAO,EAAE;IACPW,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACC,iBAAiB;IAC/CC,YAAY,EAAEP,KAAK,CAACQ,KAAK,CAACC,OAAO;IACjCC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACDd,aAAa,EAAE;IACbe,UAAU,EAAE,CAAC;IACbC,aAAa,EAAE;EACjB,CAAC;EACDlB,IAAI,EAAE;IACJS,eAAe,EAAE7C,KAAK,CAACuD,qBAAqB;IAC5CC,KAAK,EAAEf,KAAK,CAACK,MAAM,CAACW,WAAW;IAC/BC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD9B,UAAU,EAAE;IACV+B,MAAM,EAAEtD,kBAAkB;IAC1BqC,UAAU,EAAE,QAAQ;IACpBkB,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/Message/SwipeToReply.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { SharedValue } from 'react-native-reanimated';
+/** Past 50pt a release replies, and crossing it ticks. */
+export declare const SWIPE_REPLY_THRESHOLD = 50;
+export interface SwipeToReplyRowProps {
+    direction: 'left' | 'right';
+    /** Whose message it is: the arrow moves half as far beside an outgoing one. */
+    position: 'left' | 'right';
+    onReply: () => void;
+    renderAction?: (progress: SharedValue<number>, translation: SharedValue<number>, position: 'left' | 'right') => React.ReactNode;
+    actionContainerStyle?: StyleProp<ViewStyle>;
+    /** `false` pauses the swipe without changing the row's tree (selection mode). */
+    isEnabled?: boolean;
+    children: React.ReactNode;
+}
+/**
+ * Swipe-to-reply: drag a message sideways, the arrow fills as you go, a tick
+ * marks the point of no return, and letting go past it starts a reply while the row slides back.
+ * The row never "opens".
+ */
+export declare const SwipeToReplyRow: ({ direction, position, onReply, renderAction, actionContainerStyle, isEnabled, children, }: SwipeToReplyRowProps) => React.JSX.Element;
+//# sourceMappingURL=SwipeToReply.d.ts.map

package/lib/Message/SwipeToReply.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeToReply.d.ts","sourceRoot":"","sources":["../../src/Message/SwipeToReply.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAErE,OAAiB,EAGf,WAAW,EAOZ,MAAM,yBAAyB,CAAA;AAqBhC,0DAA0D;AAC1D,eAAO,MAAM,qBAAqB,KAAK,CAAA;AA8BvC,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,+EAA+E;IAC/E,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,CACb,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,EAC7B,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,EAChC,QAAQ,EAAE,MAAM,GAAG,OAAO,KACvB,KAAK,CAAC,SAAS,CAAA;IACpB,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC3C,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,4FAQ7B,oBAAoB,sBAuGtB,CAAA"}

package/lib/Message/SwipeToReply.js

@@ -0,0 +1,337 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { GestureDetector } from 'react-native-gesture-handler';
+import Animated, { Easing, runOnJS, useAnimatedProps, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
+import { impactHaptic } from '../components/haptics';
+import { Icon } from '../components/Icon';
+import { ReplyArrowIcon } from '../components/MediaControls';
+import { useRowSwipe } from '../gestures/useRowSwipe';
+import { useThemedStyles } from '../hooks/useTheme';
+import { getSvg } from '../optional';
+const svg = getSvg();
+const Svg = svg ? svg.default ?? svg.Svg : null;
+const SvgCircle = svg?.Circle;
+const AnimatedSvgCircle = SvgCircle ? Animated.createAnimatedComponent(SvgCircle) : null;
+
+/** The drag starts once the finger has moved 0.4cm sideways, about 25pt. */
+const SWIPE_START = 25;
+/** A mostly-sideways drag: `|dx| / 3 > dy` is required to take over from the list. */
+const SWIPE_FAIL_Y = 9;
+/** The row follows the finger 1:1, up to 80pt. */
+const SWIPE_MAX = 80;
+/** Past 50pt a release replies, and crossing it ticks. */
+export const SWIPE_REPLY_THRESHOLD = 50;
+/** The arrow appears once the row has moved 20pt, and fills over the next 30pt. */
+const ICON_APPEAR = 20;
+const ICON_FILL = 30;
+/** The circle behind the arrow: 16pt radius. */
+const ICON_SIZE = 32;
+/** The row slides back over 180ms on a decelerate curve. */
+const RETURN = {
+  duration: 180,
+  easing: Easing.out(Easing.quad)
+};
+// AndroidX springs are stiffness + damping ratio on unit mass; Reanimated takes the damping
+// coefficient, `2 * ratio * sqrt(stiffness)`.
+const androidSpring = (stiffness, dampingRatio) => ({
+  mass: 1,
+  stiffness,
+  damping: 2 * dampingRatio * Math.sqrt(stiffness)
+});
+/** The arrow's appearance: stiffness 1500, no bounce. */
+const APPEAR_SPRING = androidSpring(1500, 1);
+/** The arrow's fill: stiffness 400, damping ratio 0.5 (medium bounce). */
+const FILL_SPRING = androidSpring(400, 0.5);
+/** The outer ring: stiffness 200, no bounce. */
+const OUTER_RING_SPRING = androidSpring(200, 1);
+/** Before the threshold the circle shows the service color at 60% of the fill. */
+const PRE_FILL_ALPHA = 0.6;
+/** The 2pt ring that draws itself round the circle as the row moves. */
+const RING_WIDTH = 2;
+const RING_RADIUS = (ICON_SIZE - RING_WIDTH) / 2;
+const RING_LENGTH = 2 * Math.PI * RING_RADIUS;
+/** How far the outer ring grows as it fades, at the threshold. */
+const OUTER_RING_GROWTH = 0.6;
+/**
+ * Swipe-to-reply: drag a message sideways, the arrow fills as you go, a tick
+ * marks the point of no return, and letting go past it starts a reply while the row slides back.
+ * The row never "opens".
+ */
+export const SwipeToReplyRow = ({
+  direction,
+  position,
+  onReply,
+  renderAction,
+  actionContainerStyle,
+  isEnabled = true,
+  children
+}) => {
+  // React Compiler would memoize the gesture config on `offset.value`, which its callbacks read,
+  // and so read a shared value during render (Reanimated warns once per row per render).
+  'use no memo';
+
+  const styles = useThemedStyles(createStyles);
+  const iconScale = useSharedValue(0);
+  const isIconShown = useSharedValue(false);
+  // 1 once past the threshold: the circle fills, and an outer ring grows away and fades.
+  const filled = useSharedValue(0);
+  const outerRing = useSharedValue(0);
+  // The arrow is only mounted while a swipe is on: every row mounting its circle, rings and two
+  // SVGs made a chat noticeably slower to open.
+  const [isActionMounted, setIsActionMounted] = useState(false);
+  const {
+    gesture: pan,
+    offset
+  } = useRowSwipe({
+    testID: 'swipe-to-reply',
+    isEnabled,
+    sign: direction === 'left' ? -1 : 1,
+    activeOffsetX: SWIPE_START,
+    failOffsetY: SWIPE_FAIL_Y,
+    threshold: SWIPE_REPLY_THRESHOLD,
+    // Counted from where the drag took over, so the row does not jump when it starts.
+    isMeasuredFromStart: true,
+    maxDistance: SWIPE_MAX,
+    onActivate: () => {
+      'worklet';
+
+      runOnJS(setIsActionMounted)(true);
+    },
+    onMove: distance => {
+      'worklet';
+
+      // Only on a change: reassigning every frame would cancel a running spring.
+      const shouldShowIcon = distance >= ICON_APPEAR;
+      if (shouldShowIcon !== isIconShown.value) {
+        isIconShown.value = shouldShowIcon;
+        iconScale.value = withSpring(shouldShowIcon ? 1 : 0, APPEAR_SPRING);
+      }
+    },
+    onThresholdChange: isPast => {
+      'worklet';
+
+      if (isPast) {
+        // The full circle pops, bouncing back to size.
+        iconScale.value = 1.25;
+        iconScale.value = withSpring(1, FILL_SPRING);
+        filled.value = withSpring(1, FILL_SPRING);
+        outerRing.value = 0;
+        outerRing.value = withSpring(1, OUTER_RING_SPRING);
+        runOnJS(impactHaptic)('Light');
+      } else {
+        filled.value = withTiming(0, RETURN);
+      }
+    },
+    onRelease: isPast_0 => {
+      'worklet';
+
+      if (isPast_0) runOnJS(onReply)();
+    },
+    onFinalize: rowOffset => {
+      'worklet';
+
+      isIconShown.value = false;
+      rowOffset.value = withTiming(0, RETURN, isFinished => {
+        if (isFinished) runOnJS(setIsActionMounted)(false);
+      });
+      iconScale.value = withTiming(0, RETURN);
+      filled.value = withTiming(0, RETURN);
+    }
+  });
+  const rowStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: offset.value
+    }]
+  }));
+  return <GestureDetector gesture={pan}>
+      <View>
+        {renderAction ? <View pointerEvents='none' style={[direction === 'left' ? styles.customActionRight : styles.customActionLeft, actionContainerStyle]}>
+              <CustomReplyAction renderAction={renderAction} offset={offset} position={position} />
+            </View> : isActionMounted && <ReplyActionIcon offset={offset} iconScale={iconScale} filled={filled} outerRing={outerRing} travel={position === 'right' ? 0.5 : 1} direction={direction} actionContainerStyle={actionContainerStyle} />}
+        <Animated.View style={rowStyle}>
+          {children}
+        </Animated.View>
+      </View>
+    </GestureDetector>;
+};
+
+/**
+ * A custom `renderAction`, handed the swipe's progress. Only rows with one mount the derived
+ * value it needs; every other row skips that UI-thread mapper.
+ */
+function CustomReplyAction(t0) {
+  const $ = _c(2);
+  const {
+    renderAction,
+    offset,
+    position
+  } = t0;
+  const progress = useDerivedValue(() => Math.abs(offset.value) / SWIPE_REPLY_THRESHOLD);
+  const t1 = renderAction(progress, offset, position);
+  let t2;
+  if ($[0] !== t1) {
+    t2 = <>{t1}</>;
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  return t2;
+}
+
+/** The arrow beside a row being swiped: a circle that fills, a ring that draws itself round it. */
+function ReplyActionIcon(t0) {
+  const $ = _c(26);
+  const {
+    offset,
+    iconScale,
+    filled,
+    outerRing,
+    travel,
+    direction,
+    actionContainerStyle
+  } = t0;
+  const styles = useThemedStyles(createStyles);
+  const fillProgress = useDerivedValue(() => Math.min(1, Math.max(0, (Math.abs(offset.value) - ICON_APPEAR) / ICON_FILL)));
+  const iconStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: offset.value * travel
+    }, {
+      scale: iconScale.value
+    }]
+  }));
+  const circleStyle = useAnimatedStyle(() => ({
+    opacity: Math.min(1, PRE_FILL_ALPHA * fillProgress.value + (1 - PRE_FILL_ALPHA) * filled.value)
+  }));
+  const outerRingStyle = useAnimatedStyle(() => ({
+    opacity: outerRing.value > 0 && outerRing.value < 1 ? 1 - outerRing.value : 0,
+    transform: [{
+      scale: 1 + OUTER_RING_GROWTH * outerRing.value
+    }]
+  }));
+  const ringProps = useAnimatedProps(() => ({
+    strokeDashoffset: RING_LENGTH * (1 - fillProgress.value)
+  }));
+  const t1 = direction === "left" ? styles.iconRight : styles.iconLeft;
+  let t2;
+  if ($[0] !== actionContainerStyle || $[1] !== iconStyle || $[2] !== styles.icon || $[3] !== t1) {
+    t2 = [styles.icon, t1, iconStyle, actionContainerStyle];
+    $[0] = actionContainerStyle;
+    $[1] = iconStyle;
+    $[2] = styles.icon;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== circleStyle || $[6] !== styles.circle) {
+    t3 = <Animated.View style={[styles.circle, circleStyle]} />;
+    $[5] = circleStyle;
+    $[6] = styles.circle;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== outerRingStyle || $[9] !== styles.outerRing) {
+    t4 = <Animated.View style={[styles.outerRing, outerRingStyle]} />;
+    $[8] = outerRingStyle;
+    $[9] = styles.outerRing;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  let t5;
+  if ($[11] !== ringProps || $[12] !== styles.iconGlyph.color || $[13] !== styles.ring) {
+    t5 = AnimatedSvgCircle && <Svg width={ICON_SIZE} height={ICON_SIZE} style={styles.ring}><AnimatedSvgCircle cx={ICON_SIZE / 2} cy={ICON_SIZE / 2} r={RING_RADIUS} fill="none" stroke={styles.iconGlyph.color} strokeWidth={RING_WIDTH} strokeDasharray={`${RING_LENGTH} ${RING_LENGTH}`} strokeLinecap="round" animatedProps={ringProps} /></Svg>;
+    $[11] = ringProps;
+    $[12] = styles.iconGlyph.color;
+    $[13] = styles.ring;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  let t6;
+  if ($[15] !== styles.iconGlyph.color) {
+    t6 = <ReplyArrowIcon color={styles.iconGlyph.color} size={18} />;
+    $[15] = styles.iconGlyph.color;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== styles.iconGlyph.color || $[18] !== t6) {
+    t7 = <Icon name="reply" color={styles.iconGlyph.color} size={18} fallback={t6} />;
+    $[17] = styles.iconGlyph.color;
+    $[18] = t6;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  let t8;
+  if ($[20] !== t2 || $[21] !== t3 || $[22] !== t4 || $[23] !== t5 || $[24] !== t7) {
+    t8 = <Animated.View pointerEvents="none" style={t2}>{t3}{t4}{t5}{t7}</Animated.View>;
+    $[20] = t2;
+    $[21] = t3;
+    $[22] = t4;
+    $[23] = t5;
+    $[24] = t7;
+    $[25] = t8;
+  } else {
+    t8 = $[25];
+  }
+  return t8;
+}
+const createStyles = theme => StyleSheet.create({
+  // The arrow sits on the service background, the date pill's colour.
+  icon: {
+    position: 'absolute',
+    top: '50%',
+    width: ICON_SIZE,
+    height: ICON_SIZE,
+    marginTop: -ICON_SIZE / 2,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  circle: {
+    ...StyleSheet.absoluteFill,
+    borderRadius: ICON_SIZE / 2,
+    backgroundColor: theme.colors.dayPillBackground
+  },
+  outerRing: {
+    ...StyleSheet.absoluteFill,
+    borderRadius: ICON_SIZE / 2,
+    borderWidth: RING_WIDTH,
+    borderColor: theme.colors.dayPillText
+  },
+  // Drawn from the top, clockwise.
+  ring: {
+    position: 'absolute',
+    transform: [{
+      rotate: '-90deg'
+    }]
+  },
+  // Centred on the row's trailing edge, so it comes in with the row.
+  iconRight: {
+    right: -ICON_SIZE / 2
+  },
+  iconLeft: {
+    left: -ICON_SIZE / 2
+  },
+  iconGlyph: {
+    color: theme.colors.dayPillText
+  },
+  customActionRight: {
+    ...StyleSheet.absoluteFill,
+    alignItems: 'flex-end',
+    justifyContent: 'center'
+  },
+  customActionLeft: {
+    ...StyleSheet.absoluteFill,
+    alignItems: 'flex-start',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=SwipeToReply.js.map

package/lib/Message/SwipeToReply.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeToReply.js","names":["React","useState","StyleSheet","View","GestureDetector","Animated","Easing","runOnJS","useAnimatedProps","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","withTiming","impactHaptic","Icon","ReplyArrowIcon","useRowSwipe","useThemedStyles","getSvg","svg","Svg","default","SvgCircle","Circle","AnimatedSvgCircle","createAnimatedComponent","SWIPE_START","SWIPE_FAIL_Y","SWIPE_MAX","SWIPE_REPLY_THRESHOLD","ICON_APPEAR","ICON_FILL","ICON_SIZE","RETURN","duration","easing","out","quad","androidSpring","stiffness","dampingRatio","mass","damping","Math","sqrt","APPEAR_SPRING","FILL_SPRING","OUTER_RING_SPRING","PRE_FILL_ALPHA","RING_WIDTH","RING_RADIUS","RING_LENGTH","PI","OUTER_RING_GROWTH","SwipeToReplyRow","direction","position","onReply","renderAction","actionContainerStyle","isEnabled","children","styles","createStyles","iconScale","isIconShown","filled","outerRing","isActionMounted","setIsActionMounted","gesture","pan","offset","testID","sign","activeOffsetX","failOffsetY","threshold","isMeasuredFromStart","maxDistance","onActivate","onMove","distance","shouldShowIcon","value","onThresholdChange","isPast","onRelease","onFinalize","rowOffset","isFinished","rowStyle","transform","translateX","customActionRight","customActionLeft","CustomReplyAction","t0","$","_c","progress","abs","t1","t2","ReplyActionIcon","travel","fillProgress","min","max","iconStyle","scale","circleStyle","opacity","outerRingStyle","ringProps","strokeDashoffset","iconRight","iconLeft","icon","t3","circle","t4","t5","iconGlyph","color","ring","t6","t7","t8","theme","create","top","width","height","marginTop","alignItems","justifyContent","absoluteFill","borderRadius","backgroundColor","colors","dayPillBackground","borderWidth","borderColor","dayPillText","rotate","right","left"],"sources":["../../src/Message/SwipeToReply.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native'\nimport { GestureDetector } from 'react-native-gesture-handler'\nimport Animated, {\n  Easing,\n  runOnJS,\n  SharedValue,\n  useAnimatedProps,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withSpring,\n  withTiming,\n} from 'react-native-reanimated'\n\nimport { impactHaptic } from '../components/haptics'\nimport { Icon } from '../components/Icon'\nimport { ReplyArrowIcon } from '../components/MediaControls'\nimport { useRowSwipe } from '../gestures/useRowSwipe'\nimport { useThemedStyles } from '../hooks/useTheme'\nimport { getSvg } from '../optional'\nimport { ChatTheme } from '../Theme'\n\nconst svg = getSvg()\nconst Svg: any = svg ? svg.default ?? svg.Svg : null\nconst SvgCircle: any = svg?.Circle\nconst AnimatedSvgCircle: any = SvgCircle ? Animated.createAnimatedComponent(SvgCircle) : null\n\n/** The drag starts once the finger has moved 0.4cm sideways, about 25pt. */\nconst SWIPE_START = 25\n/** A mostly-sideways drag: `|dx| / 3 > dy` is required to take over from the list. */\nconst SWIPE_FAIL_Y = 9\n/** The row follows the finger 1:1, up to 80pt. */\nconst SWIPE_MAX = 80\n/** Past 50pt a release replies, and crossing it ticks. */\nexport const SWIPE_REPLY_THRESHOLD = 50\n/** The arrow appears once the row has moved 20pt, and fills over the next 30pt. */\nconst ICON_APPEAR = 20\nconst ICON_FILL = 30\n/** The circle behind the arrow: 16pt radius. */\nconst ICON_SIZE = 32\n/** The row slides back over 180ms on a decelerate curve. */\nconst RETURN = { duration: 180, easing: Easing.out(Easing.quad) }\n// AndroidX springs are stiffness + damping ratio on unit mass; Reanimated takes the damping\n// coefficient, `2 * ratio * sqrt(stiffness)`.\nconst androidSpring = (stiffness: number, dampingRatio: number) => ({\n  mass: 1,\n  stiffness,\n  damping: 2 * dampingRatio * Math.sqrt(stiffness),\n})\n/** The arrow's appearance: stiffness 1500, no bounce. */\nconst APPEAR_SPRING = androidSpring(1500, 1)\n/** The arrow's fill: stiffness 400, damping ratio 0.5 (medium bounce). */\nconst FILL_SPRING = androidSpring(400, 0.5)\n/** The outer ring: stiffness 200, no bounce. */\nconst OUTER_RING_SPRING = androidSpring(200, 1)\n/** Before the threshold the circle shows the service color at 60% of the fill. */\nconst PRE_FILL_ALPHA = 0.6\n/** The 2pt ring that draws itself round the circle as the row moves. */\nconst RING_WIDTH = 2\nconst RING_RADIUS = (ICON_SIZE - RING_WIDTH) / 2\nconst RING_LENGTH = 2 * Math.PI * RING_RADIUS\n/** How far the outer ring grows as it fades, at the threshold. */\nconst OUTER_RING_GROWTH = 0.6\n\nexport interface SwipeToReplyRowProps {\n  direction: 'left' | 'right'\n  /** Whose message it is: the arrow moves half as far beside an outgoing one. */\n  position: 'left' | 'right'\n  onReply: () => void\n  renderAction?: (\n    progress: SharedValue<number>,\n    translation: SharedValue<number>,\n    position: 'left' | 'right'\n  ) => React.ReactNode\n  actionContainerStyle?: StyleProp<ViewStyle>\n  /** `false` pauses the swipe without changing the row's tree (selection mode). */\n  isEnabled?: boolean\n  children: React.ReactNode\n}\n\n/**\n * Swipe-to-reply: drag a message sideways, the arrow fills as you go, a tick\n * marks the point of no return, and letting go past it starts a reply while the row slides back.\n * The row never \"opens\".\n */\nexport const SwipeToReplyRow = ({\n  direction,\n  position,\n  onReply,\n  renderAction,\n  actionContainerStyle,\n  isEnabled = true,\n  children,\n}: SwipeToReplyRowProps) => {\n  // React Compiler would memoize the gesture config on `offset.value`, which its callbacks read,\n  // and so read a shared value during render (Reanimated warns once per row per render).\n  'use no memo'\n  const styles = useThemedStyles(createStyles)\n  const iconScale = useSharedValue(0)\n  const isIconShown = useSharedValue(false)\n  // 1 once past the threshold: the circle fills, and an outer ring grows away and fades.\n  const filled = useSharedValue(0)\n  const outerRing = useSharedValue(0)\n  // The arrow is only mounted while a swipe is on: every row mounting its circle, rings and two\n  // SVGs made a chat noticeably slower to open.\n  const [isActionMounted, setIsActionMounted] = useState(false)\n\n  const { gesture: pan, offset } = useRowSwipe({\n    testID: 'swipe-to-reply',\n    isEnabled,\n    sign: direction === 'left' ? -1 : 1,\n    activeOffsetX: SWIPE_START,\n    failOffsetY: SWIPE_FAIL_Y,\n    threshold: SWIPE_REPLY_THRESHOLD,\n    // Counted from where the drag took over, so the row does not jump when it starts.\n    isMeasuredFromStart: true,\n    maxDistance: SWIPE_MAX,\n    onActivate: () => {\n      'worklet'\n      runOnJS(setIsActionMounted)(true)\n    },\n    onMove: distance => {\n      'worklet'\n      // Only on a change: reassigning every frame would cancel a running spring.\n      const shouldShowIcon = distance >= ICON_APPEAR\n      if (shouldShowIcon !== isIconShown.value) {\n        isIconShown.value = shouldShowIcon\n        iconScale.value = withSpring(shouldShowIcon ? 1 : 0, APPEAR_SPRING)\n      }\n    },\n    onThresholdChange: isPast => {\n      'worklet'\n      if (isPast) {\n        // The full circle pops, bouncing back to size.\n        iconScale.value = 1.25\n        iconScale.value = withSpring(1, FILL_SPRING)\n        filled.value = withSpring(1, FILL_SPRING)\n        outerRing.value = 0\n        outerRing.value = withSpring(1, OUTER_RING_SPRING)\n        runOnJS(impactHaptic)('Light')\n      } else {\n        filled.value = withTiming(0, RETURN)\n      }\n    },\n    onRelease: isPast => {\n      'worklet'\n      if (isPast)\n        runOnJS(onReply)()\n    },\n    onFinalize: rowOffset => {\n      'worklet'\n      isIconShown.value = false\n      rowOffset.value = withTiming(0, RETURN, isFinished => {\n        if (isFinished)\n          runOnJS(setIsActionMounted)(false)\n      })\n      iconScale.value = withTiming(0, RETURN)\n      filled.value = withTiming(0, RETURN)\n    },\n  })\n\n  const rowStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: offset.value }],\n  }))\n\n  return (\n    <GestureDetector gesture={pan}>\n      <View>\n        {renderAction\n          ? (\n            <View\n              pointerEvents='none'\n              style={[direction === 'left' ? styles.customActionRight : styles.customActionLeft, actionContainerStyle]}\n            >\n              <CustomReplyAction renderAction={renderAction} offset={offset} position={position} />\n            </View>\n          )\n          : (\n            isActionMounted && (\n              <ReplyActionIcon\n                offset={offset}\n                iconScale={iconScale}\n                filled={filled}\n                outerRing={outerRing}\n                travel={position === 'right' ? 0.5 : 1}\n                direction={direction}\n                actionContainerStyle={actionContainerStyle}\n              />\n            )\n          )}\n        <Animated.View style={rowStyle}>\n          {children}\n        </Animated.View>\n      </View>\n    </GestureDetector>\n  )\n}\n\n/**\n * A custom `renderAction`, handed the swipe's progress. Only rows with one mount the derived\n * value it needs; every other row skips that UI-thread mapper.\n */\nfunction CustomReplyAction ({ renderAction, offset, position }: {\n  renderAction: NonNullable<SwipeToReplyRowProps['renderAction']>\n  offset: SharedValue<number>\n  position: SwipeToReplyRowProps['position']\n}) {\n  const progress = useDerivedValue(() => Math.abs(offset.value) / SWIPE_REPLY_THRESHOLD)\n  return <>{renderAction(progress, offset, position)}</>\n}\n\n/** The arrow beside a row being swiped: a circle that fills, a ring that draws itself round it. */\nfunction ReplyActionIcon ({ offset, iconScale, filled, outerRing, travel, direction, actionContainerStyle }: {\n  offset: SharedValue<number>\n  iconScale: SharedValue<number>\n  filled: SharedValue<number>\n  outerRing: SharedValue<number>\n  /** Beside an outgoing message the arrow travels half as far. */\n  travel: number\n  direction: 'left' | 'right'\n  actionContainerStyle?: StyleProp<ViewStyle>\n}) {\n  const styles = useThemedStyles(createStyles)\n  const fillProgress = useDerivedValue(() =>\n    Math.min(1, Math.max(0, (Math.abs(offset.value) - ICON_APPEAR) / ICON_FILL)))\n  const iconStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: offset.value * travel }, { scale: iconScale.value }],\n  }))\n  const circleStyle = useAnimatedStyle(() => ({\n    opacity: Math.min(1, PRE_FILL_ALPHA * fillProgress.value + (1 - PRE_FILL_ALPHA) * filled.value),\n  }))\n  const outerRingStyle = useAnimatedStyle(() => ({\n    opacity: outerRing.value > 0 && outerRing.value < 1 ? 1 - outerRing.value : 0,\n    transform: [{ scale: 1 + OUTER_RING_GROWTH * outerRing.value }],\n  }))\n  const ringProps = useAnimatedProps(() => ({\n    strokeDashoffset: RING_LENGTH * (1 - fillProgress.value),\n  }))\n\n  return (\n    <Animated.View\n      pointerEvents='none'\n      style={[\n        styles.icon,\n        direction === 'left' ? styles.iconRight : styles.iconLeft,\n        iconStyle,\n        actionContainerStyle,\n      ]}\n    >\n      <Animated.View style={[styles.circle, circleStyle]} />\n      <Animated.View style={[styles.outerRing, outerRingStyle]} />\n      {AnimatedSvgCircle && (\n        <Svg width={ICON_SIZE} height={ICON_SIZE} style={styles.ring}>\n          <AnimatedSvgCircle\n            cx={ICON_SIZE / 2}\n            cy={ICON_SIZE / 2}\n            r={RING_RADIUS}\n            fill='none'\n            stroke={styles.iconGlyph.color}\n            strokeWidth={RING_WIDTH}\n            strokeDasharray={`${RING_LENGTH} ${RING_LENGTH}`}\n            strokeLinecap='round'\n            animatedProps={ringProps}\n          />\n        </Svg>\n      )}\n      <Icon\n        name='reply'\n        color={styles.iconGlyph.color}\n        size={18}\n        fallback={<ReplyArrowIcon color={styles.iconGlyph.color} size={18} />}\n      />\n    </Animated.View>\n  )\n}\n\nconst createStyles = (theme: ChatTheme) => StyleSheet.create({\n  // The arrow sits on the service background, the date pill's colour.\n  icon: {\n    position: 'absolute',\n    top: '50%',\n    width: ICON_SIZE,\n    height: ICON_SIZE,\n    marginTop: -ICON_SIZE / 2,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  circle: {\n    ...StyleSheet.absoluteFill,\n    borderRadius: ICON_SIZE / 2,\n    backgroundColor: theme.colors.dayPillBackground,\n  },\n  outerRing: {\n    ...StyleSheet.absoluteFill,\n    borderRadius: ICON_SIZE / 2,\n    borderWidth: RING_WIDTH,\n    borderColor: theme.colors.dayPillText,\n  },\n  // Drawn from the top, clockwise.\n  ring: {\n    position: 'absolute',\n    transform: [{ rotate: '-90deg' }],\n  },\n  // Centred on the row's trailing edge, so it comes in with the row.\n  iconRight: {\n    right: -ICON_SIZE / 2,\n  },\n  iconLeft: {\n    left: -ICON_SIZE / 2,\n  },\n  iconGlyph: {\n    color: theme.colors.dayPillText,\n  },\n  customActionRight: {\n    ...StyleSheet.absoluteFill,\n    alignItems: 'flex-end',\n    justifyContent: 'center',\n  },\n  customActionLeft: {\n    ...StyleSheet.absoluteFill,\n    alignItems: 'flex-start',\n    justifyContent: 'center',\n  },\n})\n"],"mappings":"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","ignoreList":[]}