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

package/lib/components/SelectionBar.js

@@ -0,0 +1,214 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useLabels } from '../hooks/useLabels';
+import { useTheme, useThemedStyles } from '../hooks/useTheme';
+import { GlassSurface } from './GlassSurface';
+import { Icon } from './Icon';
+import { CloseIcon, TrashIcon } from './MediaControls';
+const ICONS = {
+  copy: 'copy',
+  forward: 'forward',
+  delete: 'trash'
+};
+
+/**
+ * The selection mode bar: a close button, the
+ * number of checked messages, and Copy / Forward / Delete. It takes the composer's place, in the
+ * same floating island.
+ */
+export function SelectionBar(t0) {
+  const $ = _c(48);
+  const {
+    count,
+    onClose,
+    actions
+  } = t0;
+  const styles = useThemedStyles(createStyles);
+  const theme = useTheme();
+  const labels = useLabels();
+  const insets = useSafeAreaInsets();
+  const iconColor = theme.colors.composerIcon;
+  let t1;
+  if ($[0] !== labels.actionCopy || $[1] !== labels.actionDelete || $[2] !== labels.actionForward) {
+    t1 = {
+      copy: labels.actionCopy,
+      forward: labels.actionForward,
+      delete: labels.actionDelete
+    };
+    $[0] = labels.actionCopy;
+    $[1] = labels.actionDelete;
+    $[2] = labels.actionForward;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const labelFor = t1;
+  let t2;
+  let t3;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = FadeIn.duration(150);
+    t3 = FadeOut.duration(150);
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t2 = $[4];
+    t3 = $[5];
+  }
+  const t4 = theme.spacing.inputToolbarPaddingV + insets.bottom;
+  let t5;
+  if ($[6] !== t4) {
+    t5 = {
+      paddingBottom: t4
+    };
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== styles.container || $[9] !== t5) {
+    t6 = [styles.container, t5];
+    $[8] = styles.container;
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  const t7 = styles.island;
+  let t8;
+  if ($[11] !== styles.islandSurface || $[12] !== theme.colors.inputBackground || $[13] !== theme.colors.inputFieldBorder) {
+    t8 = <GlassSurface color={theme.colors.inputBackground} borderColor={theme.colors.inputFieldBorder} style={styles.islandSurface} />;
+    $[11] = styles.islandSurface;
+    $[12] = theme.colors.inputBackground;
+    $[13] = theme.colors.inputFieldBorder;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  let t9;
+  if ($[15] !== iconColor) {
+    t9 = <CloseIcon color={iconColor} size={20} />;
+    $[15] = iconColor;
+    $[16] = t9;
+  } else {
+    t9 = $[16];
+  }
+  let t10;
+  if ($[17] !== iconColor || $[18] !== t9) {
+    t10 = <Icon name="close" size={24} color={iconColor} fallback={t9} />;
+    $[17] = iconColor;
+    $[18] = t9;
+    $[19] = t10;
+  } else {
+    t10 = $[19];
+  }
+  let t11;
+  if ($[20] !== labels.cancelSelection || $[21] !== onClose || $[22] !== styles.button || $[23] !== t10) {
+    t11 = <Pressable onPress={onClose} style={styles.button} hitSlop={4} accessibilityRole="button" accessibilityLabel={labels.cancelSelection}>{t10}</Pressable>;
+    $[20] = labels.cancelSelection;
+    $[21] = onClose;
+    $[22] = styles.button;
+    $[23] = t10;
+    $[24] = t11;
+  } else {
+    t11 = $[24];
+  }
+  let t12;
+  if ($[25] !== count || $[26] !== styles.count) {
+    t12 = <Text style={styles.count} numberOfLines={1} accessibilityLiveRegion="polite">{count}</Text>;
+    $[25] = count;
+    $[26] = styles.count;
+    $[27] = t12;
+  } else {
+    t12 = $[27];
+  }
+  let t13;
+  if ($[28] !== actions || $[29] !== iconColor || $[30] !== labelFor || $[31] !== styles.button || $[32] !== styles.fallbackLabel) {
+    let t14;
+    if ($[34] !== iconColor || $[35] !== labelFor || $[36] !== styles.button || $[37] !== styles.fallbackLabel) {
+      t14 = action => <Pressable key={action.key} onPress={action.onPress} style={styles.button} hitSlop={4} accessibilityRole="button" accessibilityLabel={labelFor[action.key]}><Icon name={ICONS[action.key]} size={24} color={iconColor} fallback={action.key === "delete" ? <TrashIcon color={iconColor} size={22} /> : <Text style={[styles.fallbackLabel, {
+          color: iconColor
+        }]}>{labelFor[action.key]}</Text>} /></Pressable>;
+      $[34] = iconColor;
+      $[35] = labelFor;
+      $[36] = styles.button;
+      $[37] = styles.fallbackLabel;
+      $[38] = t14;
+    } else {
+      t14 = $[38];
+    }
+    t13 = actions.map(t14);
+    $[28] = actions;
+    $[29] = iconColor;
+    $[30] = labelFor;
+    $[31] = styles.button;
+    $[32] = styles.fallbackLabel;
+    $[33] = t13;
+  } else {
+    t13 = $[33];
+  }
+  let t14;
+  if ($[39] !== styles.island || $[40] !== t11 || $[41] !== t12 || $[42] !== t13 || $[43] !== t8) {
+    t14 = <View style={t7}>{t8}{t11}{t12}{t13}</View>;
+    $[39] = styles.island;
+    $[40] = t11;
+    $[41] = t12;
+    $[42] = t13;
+    $[43] = t8;
+    $[44] = t14;
+  } else {
+    t14 = $[44];
+  }
+  let t15;
+  if ($[45] !== t14 || $[46] !== t6) {
+    t15 = <Animated.View entering={t2} exiting={t3} style={t6} testID="selection-bar">{t14}</Animated.View>;
+    $[45] = t14;
+    $[46] = t6;
+    $[47] = t15;
+  } else {
+    t15 = $[47];
+  }
+  return t15;
+}
+
+// The composer island's frame (44 tall, radius 22, 7 from the sides, 9 above the inset); the
+// action mode's count is 18dp medium (`selectedMessagesCountTextView`), its buttons 48 wide.
+const createStyles = theme => StyleSheet.create({
+  container: {
+    paddingTop: 4,
+    paddingLeft: theme.spacing.screenEdge.left,
+    paddingRight: theme.spacing.screenEdge.right
+  },
+  island: {
+    minHeight: theme.composer.minHeight,
+    borderRadius: theme.radii.inputField,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 2
+  },
+  islandSurface: {
+    borderRadius: theme.radii.inputField
+  },
+  button: {
+    width: 48,
+    height: theme.composer.minHeight,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  count: {
+    flex: 1,
+    marginLeft: 4,
+    fontSize: 18,
+    fontWeight: '500',
+    color: theme.colors.inputText,
+    textAlign: 'left'
+  },
+  fallbackLabel: {
+    fontSize: 13,
+    fontWeight: '500'
+  }
+});
+//# sourceMappingURL=SelectionBar.js.map

package/lib/components/SelectionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionBar.js","names":["React","Pressable","StyleSheet","Text","View","Animated","FadeIn","FadeOut","useSafeAreaInsets","useLabels","useTheme","useThemedStyles","GlassSurface","Icon","CloseIcon","TrashIcon","ICONS","copy","forward","delete","SelectionBar","t0","$","_c","count","onClose","actions","styles","createStyles","theme","labels","insets","iconColor","colors","composerIcon","t1","actionCopy","actionDelete","actionForward","labelFor","t2","t3","Symbol","for","duration","t4","spacing","inputToolbarPaddingV","bottom","t5","paddingBottom","t6","container","t7","island","t8","islandSurface","inputBackground","inputFieldBorder","t9","t10","t11","cancelSelection","button","t12","t13","fallbackLabel","t14","action","key","onPress","color","map","t15","create","paddingTop","paddingLeft","screenEdge","left","paddingRight","right","minHeight","composer","borderRadius","radii","inputField","flexDirection","alignItems","paddingHorizontal","width","height","justifyContent","flex","marginLeft","fontSize","fontWeight","inputText","textAlign"],"sources":["../../src/components/SelectionBar.tsx"],"sourcesContent":["import React from 'react'\nimport { Pressable, StyleSheet, Text, View } from 'react-native'\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\n\nimport { useLabels } from '../hooks/useLabels'\nimport { useTheme, useThemedStyles } from '../hooks/useTheme'\nimport { IconName } from '../Icons'\nimport { ChatTheme } from '../Theme'\nimport { GlassSurface } from './GlassSurface'\nimport { Icon } from './Icon'\nimport { CloseIcon, TrashIcon } from './MediaControls'\n\nexport interface SelectionBarAction {\n  key: 'copy' | 'forward' | 'delete'\n  onPress: () => void\n}\n\nexport interface SelectionBarProps {\n  count: number\n  onClose: () => void\n  actions: SelectionBarAction[]\n}\n\nconst ICONS: Record<SelectionBarAction['key'], IconName> = {\n  copy: 'copy',\n  forward: 'forward',\n  delete: 'trash',\n}\n\n/**\n * The selection mode bar: a close button, the\n * number of checked messages, and Copy / Forward / Delete. It takes the composer's place, in the\n * same floating island.\n */\nexport function SelectionBar ({ count, onClose, actions }: SelectionBarProps) {\n  const styles = useThemedStyles(createStyles)\n  const theme = useTheme()\n  const labels = useLabels()\n  const insets = useSafeAreaInsets()\n  const iconColor = theme.colors.composerIcon\n\n  const labelFor: Record<SelectionBarAction['key'], string> = {\n    copy: labels.actionCopy,\n    forward: labels.actionForward,\n    delete: labels.actionDelete,\n  }\n\n  return (\n    <Animated.View\n      entering={FadeIn.duration(150)}\n      exiting={FadeOut.duration(150)}\n      style={[styles.container, { paddingBottom: theme.spacing.inputToolbarPaddingV + insets.bottom }]}\n      testID='selection-bar'\n    >\n      <View style={styles.island}>\n        <GlassSurface color={theme.colors.inputBackground} borderColor={theme.colors.inputFieldBorder} style={styles.islandSurface} />\n        <Pressable\n          onPress={onClose}\n          style={styles.button}\n          hitSlop={4}\n          accessibilityRole='button'\n          accessibilityLabel={labels.cancelSelection}\n        >\n          <Icon name='close' size={24} color={iconColor} fallback={<CloseIcon color={iconColor} size={20} />} />\n        </Pressable>\n        <Text style={styles.count} numberOfLines={1} accessibilityLiveRegion='polite'>{count}</Text>\n        {actions.map(action => (\n          <Pressable\n            key={action.key}\n            onPress={action.onPress}\n            style={styles.button}\n            hitSlop={4}\n            accessibilityRole='button'\n            accessibilityLabel={labelFor[action.key]}\n          >\n            <Icon\n              name={ICONS[action.key]}\n              size={24}\n              color={iconColor}\n              fallback={action.key === 'delete'\n                ? <TrashIcon color={iconColor} size={22} />\n                : <Text style={[styles.fallbackLabel, { color: iconColor }]}>{labelFor[action.key]}</Text>}\n            />\n          </Pressable>\n        ))}\n      </View>\n    </Animated.View>\n  )\n}\n\n// The composer island's frame (44 tall, radius 22, 7 from the sides, 9 above the inset); the\n// action mode's count is 18dp medium (`selectedMessagesCountTextView`), its buttons 48 wide.\nconst createStyles = (theme: ChatTheme) => StyleSheet.create({\n  container: {\n    paddingTop: 4,\n    paddingLeft: theme.spacing.screenEdge.left,\n    paddingRight: theme.spacing.screenEdge.right,\n  },\n  island: {\n    minHeight: theme.composer.minHeight,\n    borderRadius: theme.radii.inputField,\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingHorizontal: 2,\n  },\n  islandSurface: {\n    borderRadius: theme.radii.inputField,\n  },\n  button: {\n    width: 48,\n    height: theme.composer.minHeight,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  count: {\n    flex: 1,\n    marginLeft: 4,\n    fontSize: 18,\n    fontWeight: '500',\n    color: theme.colors.inputText,\n    textAlign: 'left',\n  },\n  fallbackLabel: {\n    fontSize: 13,\n    fontWeight: '500',\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/lib/components/SelectionCheckbox.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+/** The selection check circle's diameter. */
+export declare const SELECTION_CHECKBOX_SIZE = 21;
+/**
+ * The round check beside a message in selection mode: empty, a
+ * white ring over a faint service-colored disc; checked, a filled `checkbox` disc with a white
+ * check.
+ */
+export declare function SelectionCheckbox({ isChecked }: {
+    isChecked: boolean;
+}): React.JSX.Element;
+//# sourceMappingURL=SelectionCheckbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionCheckbox.d.ts","sourceRoot":"","sources":["../../src/components/SelectionCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,6CAA6C;AAC7C,eAAO,MAAM,uBAAuB,KAAK,CAAA;AAEzC;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAE,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,qBAyBvE"}

package/lib/components/SelectionCheckbox.js

@@ -0,0 +1,104 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { useTheme } from '../hooks/useTheme';
+import { Icon } from './Icon';
+
+/** The selection check circle's diameter. */
+export const SELECTION_CHECKBOX_SIZE = 21;
+
+/**
+ * The round check beside a message in selection mode: empty, a
+ * white ring over a faint service-colored disc; checked, a filled `checkbox` disc with a white
+ * check.
+ */
+export function SelectionCheckbox(t0) {
+  const $ = _c(17);
+  const {
+    isChecked
+  } = t0;
+  const theme = useTheme();
+  let t1;
+  if ($[0] !== theme.colors.selectionCheckboxCheck) {
+    t1 = {
+      borderColor: theme.colors.selectionCheckboxCheck
+    };
+    $[0] = theme.colors.selectionCheckboxCheck;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== isChecked || $[3] !== theme.colors.selectionCheckbox) {
+    t2 = isChecked ? {
+      backgroundColor: theme.colors.selectionCheckbox,
+      borderColor: theme.colors.selectionCheckbox
+    } : styles.empty;
+    $[2] = isChecked;
+    $[3] = theme.colors.selectionCheckbox;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t1 || $[6] !== t2) {
+    t3 = [styles.circle, t1, t2];
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== isChecked) {
+    t4 = {
+      checked: isChecked
+    };
+    $[8] = isChecked;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== isChecked || $[11] !== theme.colors.selectionCheckboxCheck) {
+    t5 = isChecked && <Icon name="check" size={14} color={theme.colors.selectionCheckboxCheck} fallback={<Text style={[styles.fallbackCheck, {
+      color: theme.colors.selectionCheckboxCheck
+    }]}>✓</Text>} />;
+    $[10] = isChecked;
+    $[11] = theme.colors.selectionCheckboxCheck;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== t3 || $[14] !== t4 || $[15] !== t5) {
+    t6 = <View style={t3} accessibilityRole="checkbox" accessibilityState={t4}>{t5}</View>;
+    $[13] = t3;
+    $[14] = t4;
+    $[15] = t5;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  return t6;
+}
+const styles = StyleSheet.create({
+  // A 1.2dp ring (`backgroundPaint.setStrokeWidth(dp(1.2f))`).
+  circle: {
+    width: SELECTION_CHECKBOX_SIZE,
+    height: SELECTION_CHECKBOX_SIZE,
+    borderRadius: SELECTION_CHECKBOX_SIZE / 2,
+    borderWidth: 1.2,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  // `(serviceMessageColor & 0xffffff) | 0x28000000`: the service color at 16%.
+  empty: {
+    backgroundColor: 'rgba(0, 0, 0, 0.157)'
+  },
+  fallbackCheck: {
+    fontSize: 13,
+    fontWeight: '700'
+  }
+});
+//# sourceMappingURL=SelectionCheckbox.js.map

package/lib/components/SelectionCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionCheckbox.js","names":["React","StyleSheet","Text","View","useTheme","Icon","SELECTION_CHECKBOX_SIZE","SelectionCheckbox","t0","$","_c","isChecked","theme","t1","colors","selectionCheckboxCheck","borderColor","t2","selectionCheckbox","backgroundColor","styles","empty","t3","circle","t4","checked","t5","fallbackCheck","color","t6","create","width","height","borderRadius","borderWidth","alignItems","justifyContent","fontSize","fontWeight"],"sources":["../../src/components/SelectionCheckbox.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet, Text, View } from 'react-native'\n\nimport { useTheme } from '../hooks/useTheme'\nimport { Icon } from './Icon'\n\n/** The selection check circle's diameter. */\nexport const SELECTION_CHECKBOX_SIZE = 21\n\n/**\n * The round check beside a message in selection mode: empty, a\n * white ring over a faint service-colored disc; checked, a filled `checkbox` disc with a white\n * check.\n */\nexport function SelectionCheckbox ({ isChecked }: { isChecked: boolean }) {\n  const theme = useTheme()\n\n  return (\n    <View\n      style={[\n        styles.circle,\n        { borderColor: theme.colors.selectionCheckboxCheck },\n        isChecked\n          ? { backgroundColor: theme.colors.selectionCheckbox, borderColor: theme.colors.selectionCheckbox }\n          : styles.empty,\n      ]}\n      accessibilityRole='checkbox'\n      accessibilityState={{ checked: isChecked }}\n    >\n      {isChecked && (\n        <Icon\n          name='check'\n          size={14}\n          color={theme.colors.selectionCheckboxCheck}\n          fallback={<Text style={[styles.fallbackCheck, { color: theme.colors.selectionCheckboxCheck }]}>✓</Text>}\n        />\n      )}\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  // A 1.2dp ring (`backgroundPaint.setStrokeWidth(dp(1.2f))`).\n  circle: {\n    width: SELECTION_CHECKBOX_SIZE,\n    height: SELECTION_CHECKBOX_SIZE,\n    borderRadius: SELECTION_CHECKBOX_SIZE / 2,\n    borderWidth: 1.2,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  // `(serviceMessageColor & 0xffffff) | 0x28000000`: the service color at 16%.\n  empty: {\n    backgroundColor: 'rgba(0, 0, 0, 0.157)',\n  },\n  fallbackCheck: {\n    fontSize: 13,\n    fontWeight: '700',\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/lib/components/SendIcon.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react/compiler-runtime";
 import React, { useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 /**
@@ -5,33 +6,66 @@ import { StyleSheet, View } from 'react-native';
  * installed; otherwise the Lucide "send" icon is rendered via the Icon
  * resolver). A triangle tilted to point up-and-to-the-right.
  */
-export const SendIcon = ({ color = '#fff', size = 20 }) => {
-    const styles = useMemo(() => createStyles(color, size), [color, size]);
-    return (<View style={styles.container}>
-      <View style={styles.triangle}/>
-    </View>);
+export const SendIcon = t0 => {
+  const $ = _c(8);
+  const {
+    color: t1,
+    size: t2
+  } = t0;
+  const color = t1 === undefined ? "#fff" : t1;
+  const size = t2 === undefined ? 20 : t2;
+  let t3;
+  if ($[0] !== color || $[1] !== size) {
+    t3 = createStyles(color, size);
+    $[0] = color;
+    $[1] = size;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const styles = t3;
+  let t4;
+  if ($[3] !== styles.triangle) {
+    t4 = <View style={styles.triangle} />;
+    $[3] = styles.triangle;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] !== styles.container || $[6] !== t4) {
+    t5 = <View style={styles.container}>{t4}</View>;
+    $[5] = styles.container;
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  return t5;
 };
 const createStyles = (color, size) => {
-    const side = size * 0.82;
-    return StyleSheet.create({
-        container: {
-            width: size,
-            height: size,
-            alignItems: 'center',
-            justifyContent: 'center',
-            transform: [{ rotate: '-45deg' }],
-        },
-        triangle: {
-            width: 0,
-            height: 0,
-            borderTopWidth: side / 2,
-            borderBottomWidth: side / 2,
-            borderLeftWidth: side,
-            borderTopColor: 'transparent',
-            borderBottomColor: 'transparent',
-            borderLeftColor: color,
-            marginLeft: size * 0.16,
-        },
-    });
+  const side = size * 0.82;
+  return StyleSheet.create({
+    container: {
+      width: size,
+      height: size,
+      alignItems: 'center',
+      justifyContent: 'center',
+      transform: [{
+        rotate: '-45deg'
+      }]
+    },
+    triangle: {
+      width: 0,
+      height: 0,
+      borderTopWidth: side / 2,
+      borderBottomWidth: side / 2,
+      borderLeftWidth: side,
+      borderTopColor: 'transparent',
+      borderBottomColor: 'transparent',
+      borderLeftColor: color,
+      marginLeft: size * 0.16
+    }
+  });
 };
 //# sourceMappingURL=SendIcon.js.map

package/lib/components/SendIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendIcon.js","sourceRoot":"","sources":["../../src/components/SendIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAQ/C;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,IAAI,GAAG,EAAE,EAAiB,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;IAEtE,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAC/B;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,IAAY,EAAE,EAAE;IACnD,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAExB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;YACZ,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;SAClC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,cAAc,EAAE,IAAI,GAAG,CAAC;YACxB,iBAAiB,EAAE,IAAI,GAAG,CAAC;YAC3B,eAAe,EAAE,IAAI;YACrB,cAAc,EAAE,aAAa;YAC7B,iBAAiB,EAAE,aAAa;YAChC,eAAe,EAAE,KAAK;YACtB,UAAU,EAAE,IAAI,GAAG,IAAI;SACxB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA"}
+{"version":3,"file":"SendIcon.js","names":["React","useMemo","StyleSheet","View","SendIcon","t0","$","_c","color","t1","size","t2","undefined","t3","createStyles","styles","t4","triangle","t5","container","side","create","width","height","alignItems","justifyContent","transform","rotate","borderTopWidth","borderBottomWidth","borderLeftWidth","borderTopColor","borderBottomColor","borderLeftColor","marginLeft"],"sources":["../../src/components/SendIcon.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { StyleSheet, View } from 'react-native'\n\nexport interface SendIconProps {\n  color?: string\n  /** Overall icon box size; the glyph scales to fit. Defaults to 20. */\n  size?: number\n}\n\n/**\n * Dependency-free fallback send glyph (used when react-native-svg is not\n * installed; otherwise the Lucide \"send\" icon is rendered via the Icon\n * resolver). A triangle tilted to point up-and-to-the-right.\n */\nexport const SendIcon = ({ color = '#fff', size = 20 }: SendIconProps) => {\n  const styles = useMemo(() => createStyles(color, size), [color, size])\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.triangle} />\n    </View>\n  )\n}\n\nconst createStyles = (color: string, size: number) => {\n  const side = size * 0.82\n\n  return StyleSheet.create({\n    container: {\n      width: size,\n      height: size,\n      alignItems: 'center',\n      justifyContent: 'center',\n      transform: [{ rotate: '-45deg' }],\n    },\n    triangle: {\n      width: 0,\n      height: 0,\n      borderTopWidth: side / 2,\n      borderBottomWidth: side / 2,\n      borderLeftWidth: side,\n      borderTopColor: 'transparent',\n      borderBottomColor: 'transparent',\n      borderLeftColor: color,\n      marginLeft: size * 0.16,\n    },\n  })\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAQ/C;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAGC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAC;IAAAC,KAAA,EAAAC,EAAA;IAAAC,IAAA,EAAAC;EAAA,IAAAN,EAA4C;EAA1C,MAAAG,KAAA,GAAAC,EAAc,KAAdG,SAAc,GAAd,MAAc,GAAdH,EAAc;EAAE,MAAAC,IAAA,GAAAC,EAAS,KAATC,SAAS,GAAT,EAAS,GAATD,EAAS;EAAA,IAAAE,EAAA;EAAA,IAAAP,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAI,IAAA;IACrBG,EAAA,GAAAC,YAAY,CAACN,KAAK,EAAEE,IAAI,CAAC;IAAAJ,CAAA,MAAAE,KAAA;IAAAF,CAAA,MAAAI,IAAA;IAAAJ,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAAtD,MAAAS,MAAA,GAA6BF,EAAyB;EAAgB,IAAAG,EAAA;EAAA,IAAAV,CAAA,QAAAS,MAAA,CAAAE,QAAA;IAIlED,EAAA,IAAC,IAAI,CAAQ,KAAe,CAAf,CAAAD,MAAM,CAAAE,QAAQ,CAAC,GAAI;IAAAX,CAAA,MAAAS,MAAA,CAAAE,QAAA;IAAAX,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAA,IAAAY,EAAA;EAAA,IAAAZ,CAAA,QAAAS,MAAA,CAAAI,SAAA,IAAAb,CAAA,QAAAU,EAAA;IADlCE,EAAA,IAAC,IAAI,CAAQ,KAAgB,CAAhB,CAAAH,MAAM,CAAAI,SAAS,CAAC,CAC3B,CAAAH,EAA+B,CACjC,EAFC,IAAI,CAEE;IAAAV,CAAA,MAAAS,MAAA,CAAAI,SAAA;IAAAb,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAAA,OAFPY,EAEO;AAAA,CAEV;AAED,MAAMJ,YAAY,GAAGA,CAACN,KAAa,EAAEE,IAAY,KAAK;EACpD,MAAMU,IAAI,GAAGV,IAAI,GAAG,IAAI;EAExB,OAAOR,UAAU,CAACmB,MAAM,CAAC;IACvBF,SAAS,EAAE;MACTG,KAAK,EAAEZ,IAAI;MACXa,MAAM,EAAEb,IAAI;MACZc,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,SAAS,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAS,CAAC;IAClC,CAAC;IACDV,QAAQ,EAAE;MACRK,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTK,cAAc,EAAER,IAAI,GAAG,CAAC;MACxBS,iBAAiB,EAAET,IAAI,GAAG,CAAC;MAC3BU,eAAe,EAAEV,IAAI;MACrBW,cAAc,EAAE,aAAa;MAC7BC,iBAAiB,EAAE,aAAa;MAChCC,eAAe,EAAEzB,KAAK;MACtB0B,UAAU,EAAExB,IAAI,GAAG;IACrB;EACF,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

package/lib/components/ServiceSpinner.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+/** The service circle: 36 across, radius 18. */
+export declare const SERVICE_SPINNER_SIZE = 36;
+export interface ServiceSpinnerProps {
+    style?: StyleProp<ViewStyle>;
+    /** Arc color; defaults to the date pill's text color. */
+    color?: string;
+    /** Circle color; defaults to the date pill's background. */
+    backgroundColor?: string;
+}
+/**
+ * The loading spinner on the wallpaper: a `Spinner` in the chat's service color circle. Drawn
+ * while history loads and at the top of the list while earlier messages load.
+ */
+export declare function ServiceSpinner({ style, color, backgroundColor }: ServiceSpinnerProps): React.JSX.Element;
+//# sourceMappingURL=ServiceSpinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceSpinner.d.ts","sourceRoot":"","sources":["../../src/components/ServiceSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAMrE,gDAAgD;AAChD,eAAO,MAAM,oBAAoB,KAAK,CAAA;AAItC,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4DAA4D;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAE,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,mBAAmB,qBAarF"}

package/lib/components/ServiceSpinner.js

@@ -0,0 +1,77 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useThemedStyles } from '../hooks/useTheme';
+import { Spinner } from './Spinner';
+
+/** The service circle: 36 across, radius 18. */
+export const SERVICE_SPINNER_SIZE = 36;
+/** The spinner inside it: a 28 arc. */
+const ARC_SIZE = 28;
+/**
+ * The loading spinner on the wallpaper: a `Spinner` in the chat's service color circle. Drawn
+ * while history loads and at the top of the list while earlier messages load.
+ */
+export function ServiceSpinner(t0) {
+  const $ = _c(11);
+  const {
+    style,
+    color,
+    backgroundColor
+  } = t0;
+  const styles = useThemedStyles(createStyles);
+  let t1;
+  if ($[0] !== backgroundColor) {
+    t1 = backgroundColor != null && {
+      backgroundColor
+    };
+    $[0] = backgroundColor;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== style || $[3] !== styles.circle || $[4] !== t1) {
+    t2 = [styles.circle, t1, style];
+    $[2] = style;
+    $[3] = styles.circle;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const t3 = color ?? styles.arc.color;
+  let t4;
+  if ($[6] !== t3) {
+    t4 = <Spinner size={ARC_SIZE} strokeWidth={3} color={t3} />;
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== t2 || $[9] !== t4) {
+    t5 = <View testID="service-spinner" accessibilityRole="progressbar" accessibilityLabel="loading" style={t2}>{t4}</View>;
+    $[8] = t2;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  return t5;
+}
+const createStyles = theme => StyleSheet.create({
+  circle: {
+    width: SERVICE_SPINNER_SIZE,
+    height: SERVICE_SPINNER_SIZE,
+    borderRadius: SERVICE_SPINNER_SIZE / 2,
+    backgroundColor: theme.colors.dayPillBackground,
+    alignItems: 'center',
+    justifyContent: 'center',
+    overflow: 'visible'
+  },
+  arc: {
+    color: theme.colors.dayPillText
+  }
+});
+//# sourceMappingURL=ServiceSpinner.js.map

package/lib/components/ServiceSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceSpinner.js","names":["React","StyleSheet","View","useThemedStyles","Spinner","SERVICE_SPINNER_SIZE","ARC_SIZE","ServiceSpinner","t0","$","_c","style","color","backgroundColor","styles","createStyles","t1","t2","circle","t3","arc","t4","t5","theme","create","width","height","borderRadius","colors","dayPillBackground","alignItems","justifyContent","overflow","dayPillText"],"sources":["../../src/components/ServiceSpinner.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native'\n\nimport { useThemedStyles } from '../hooks/useTheme'\nimport { ChatTheme } from '../Theme'\nimport { Spinner } from './Spinner'\n\n/** The service circle: 36 across, radius 18. */\nexport const SERVICE_SPINNER_SIZE = 36\n/** The spinner inside it: a 28 arc. */\nconst ARC_SIZE = 28\n\nexport interface ServiceSpinnerProps {\n  style?: StyleProp<ViewStyle>\n  /** Arc color; defaults to the date pill's text color. */\n  color?: string\n  /** Circle color; defaults to the date pill's background. */\n  backgroundColor?: string\n}\n\n/**\n * The loading spinner on the wallpaper: a `Spinner` in the chat's service color circle. Drawn\n * while history loads and at the top of the list while earlier messages load.\n */\nexport function ServiceSpinner ({ style, color, backgroundColor }: ServiceSpinnerProps) {\n  const styles = useThemedStyles(createStyles)\n\n  return (\n    <View\n      testID='service-spinner'\n      accessibilityRole='progressbar'\n      accessibilityLabel='loading'\n      style={[styles.circle, backgroundColor != null && { backgroundColor }, style]}\n    >\n      <Spinner size={ARC_SIZE} strokeWidth={3} color={color ?? styles.arc.color} />\n    </View>\n  )\n}\n\nconst createStyles = (theme: ChatTheme) => StyleSheet.create({\n  circle: {\n    width: SERVICE_SPINNER_SIZE,\n    height: SERVICE_SPINNER_SIZE,\n    borderRadius: SERVICE_SPINNER_SIZE / 2,\n    backgroundColor: theme.colors.dayPillBackground,\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'visible',\n  },\n  arc: {\n    color: theme.colors.dayPillText,\n  },\n})\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAErE,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,OAAO,QAAQ,WAAW;;AAEnC;AACA,OAAO,MAAMC,oBAAoB,GAAG,EAAE;AACtC;AACA,MAAMC,QAAQ,GAAG,EAAE;AAUnB;AACA;AACA;AACA;AACA,OAAO,SAAAC,eAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAyB;IAAAC,KAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAL,EAAsD;EACpF,MAAAM,MAAA,GAAeX,eAAe,CAACY,YAAY,CAAC;EAAA,IAAAC,EAAA;EAAA,IAAAP,CAAA,QAAAI,eAAA;IAOjBG,EAAA,GAAAH,eAAe,IAAI,IAA2B,IAA9C;MAAAA;IAA6C,CAAC;IAAAJ,CAAA,MAAAI,eAAA;IAAAJ,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAK,MAAA,CAAAI,MAAA,IAAAT,CAAA,QAAAO,EAAA;IAA9DC,EAAA,IAACH,MAAM,CAAAI,MAAO,EAAEF,EAA8C,EAAEL,KAAK,CAAC;IAAAF,CAAA,MAAAE,KAAA;IAAAF,CAAA,MAAAK,MAAA,CAAAI,MAAA;IAAAT,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAE7B,MAAAU,EAAA,GAAAP,KAAyB,IAAhBE,MAAM,CAAAM,GAAI,CAAAR,KAAM;EAAA,IAAAS,EAAA;EAAA,IAAAZ,CAAA,QAAAU,EAAA;IAAzEE,EAAA,IAAC,OAAO,CAAOf,IAAQ,CAARA,SAAO,CAAC,CAAe,WAAC,CAAD,GAAC,CAAS,KAAyB,CAAzB,CAAAa,EAAwB,CAAC,GAAI;IAAAV,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAAA,IAAAa,EAAA;EAAA,IAAAb,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAY,EAAA;IAN/EC,EAAA,IAAC,IAAI,CACI,MAAiB,CAAjB,iBAAiB,CACN,iBAAa,CAAb,aAAa,CACZ,kBAAS,CAAT,SAAS,CACrB,KAAsE,CAAtE,CAAAL,EAAqE,CAAC,CAE7E,CAAAI,EAA4E,CAC9E,EAPC,IAAI,CAOE;IAAAZ,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAY,EAAA;IAAAZ,CAAA,OAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAAA,OAPPa,EAOO;AAAA;AAIX,MAAMP,YAAY,GAAIQ,KAAgB,IAAKtB,UAAU,CAACuB,MAAM,CAAC;EAC3DN,MAAM,EAAE;IACNO,KAAK,EAAEpB,oBAAoB;IAC3BqB,MAAM,EAAErB,oBAAoB;IAC5BsB,YAAY,EAAEtB,oBAAoB,GAAG,CAAC;IACtCQ,eAAe,EAAEU,KAAK,CAACK,MAAM,CAACC,iBAAiB;IAC/CC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE;EACZ,CAAC;EACDZ,GAAG,EAAE;IACHR,KAAK,EAAEW,KAAK,CAACK,MAAM,CAACK;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/Spinner.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+/** The arc's start angle and signed sweep `ms` into the animation. */
+export declare const spinnerFrame: (ms: number) => {
+    start: number;
+    sweep: number;
+};
+export interface SpinnerProps {
+    /** Diameter of the arc (`setSize`). */
+    size: number;
+    color: string;
+    /** Stroke width; 3 by default. */
+    strokeWidth?: number;
+    style?: StyleProp<ViewStyle>;
+}
+/** The indeterminate arc spinner. Falls back to the system spinner without react-native-svg. */
+export declare function Spinner({ size, color, strokeWidth, style }: SpinnerProps): React.JSX.Element;
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAqB,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AA2B5E,sEAAsE;AACtE,eAAO,MAAM,YAAY,GAAI,IAAI,MAAM;;;CAUtC,CAAA;AAED,MAAM,WAAW,YAAY;IAC3B,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED,gGAAgG;AAChG,wBAAgB,OAAO,CAAE,EAAE,IAAI,EAAE,KAAK,EAAE,WAAe,EAAE,KAAK,EAAE,EAAE,YAAY,qBAsC7E"}