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

package/lib/Day/styles.d.ts

@@ -1,5 +1,5 @@
 import { ChatTheme } from '../Theme';
-export declare const createDayStyles: (theme: ChatTheme) => {
+export declare const createDayStyles: (theme: ChatTheme) => Readonly<{
     container: {
         marginTop: number;
         marginBottom: number;
@@ -13,8 +13,8 @@ export declare const createDayStyles: (theme: ChatTheme) => {
     text: {
         color: string;
         fontSize: number;
+        lineHeight: number | undefined;
         fontWeight: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-        letterSpacing: number;
     };
-};
+}>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/Day/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Day/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,eAAO,MAAM,eAAe,GAAI,OAAO,SAAS;;;;;;;;;;;;;;;;;CAkB5C,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Day/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAKpC,eAAO,MAAM,eAAe,GAAI,OAAO,SAAS;;;;;;;;;;;;;;;;;EAkB5C,CAAA"}

package/lib/Day/styles.js

@@ -1,20 +1,23 @@
 import { StyleSheet } from 'react-native';
-export const createDayStyles = (theme) => StyleSheet.create({
-    container: {
-        marginTop: 8,
-        marginBottom: 12,
-    },
-    wrapper: {
-        backgroundColor: theme.colors.dayPillBackground,
-        paddingVertical: 5,
-        paddingHorizontal: 12,
-        borderRadius: theme.radii.dayPill,
-    },
-    text: {
-        color: theme.colors.dayPillText,
-        fontSize: theme.typography.day.fontSize,
-        fontWeight: theme.typography.day.fontWeight,
-        letterSpacing: 0.2,
-    },
+// The date pill: 14 Medium white on the service color, radius 11,
+// 8 either side and 3 above and below the line. The cell leaves 7 to the bubbles around it.
+// Keep `marginTop` in step with `DAY_MARGIN_TOP` (MessagesContainer/components/dayLayout).
+export const createDayStyles = theme => StyleSheet.create({
+  container: {
+    marginTop: 1,
+    marginBottom: 7
+  },
+  wrapper: {
+    backgroundColor: theme.colors.dayPillBackground,
+    paddingVertical: 3,
+    paddingHorizontal: 8,
+    borderRadius: theme.radii.dayPill
+  },
+  text: {
+    color: theme.colors.dayPillText,
+    fontSize: theme.typography.day.fontSize,
+    lineHeight: theme.typography.day.lineHeight,
+    fontWeight: theme.typography.day.fontWeight
+  }
 });
 //# sourceMappingURL=styles.js.map

package/lib/Day/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Day/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAgB,EAAE,EAAE,CAClD,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,EAAE;KACjB;IACD,OAAO,EAAE;QACP,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB;QAC/C,eAAe,EAAE,CAAC;QAClB,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO;KAClC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;QAC/B,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ;QACvC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU;QAC3C,aAAa,EAAE,GAAG;KACnB;CACF,CAAC,CAAA"}
+{"version":3,"file":"styles.js","names":["StyleSheet","createDayStyles","theme","create","container","marginTop","marginBottom","wrapper","backgroundColor","colors","dayPillBackground","paddingVertical","paddingHorizontal","borderRadius","radii","dayPill","text","color","dayPillText","fontSize","typography","day","lineHeight","fontWeight"],"sources":["../../src/Day/styles.ts"],"sourcesContent":["import { StyleSheet } from 'react-native'\nimport { ChatTheme } from '../Theme'\n\n// The date pill: 14 Medium white on the service color, radius 11,\n// 8 either side and 3 above and below the line. The cell leaves 7 to the bubbles around it.\n// Keep `marginTop` in step with `DAY_MARGIN_TOP` (MessagesContainer/components/dayLayout).\nexport const createDayStyles = (theme: ChatTheme) =>\n  StyleSheet.create({\n    container: {\n      marginTop: 1,\n      marginBottom: 7,\n    },\n    wrapper: {\n      backgroundColor: theme.colors.dayPillBackground,\n      paddingVertical: 3,\n      paddingHorizontal: 8,\n      borderRadius: theme.radii.dayPill,\n    },\n    text: {\n      color: theme.colors.dayPillText,\n      fontSize: theme.typography.day.fontSize,\n      lineHeight: theme.typography.day.lineHeight,\n      fontWeight: theme.typography.day.fontWeight,\n    },\n  })\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAGzC;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAIC,KAAgB,IAC9CF,UAAU,CAACG,MAAM,CAAC;EAChBC,SAAS,EAAE;IACTC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE;EAChB,CAAC;EACDC,OAAO,EAAE;IACPC,eAAe,EAAEN,KAAK,CAACO,MAAM,CAACC,iBAAiB;IAC/CC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,CAAC;IACpBC,YAAY,EAAEX,KAAK,CAACY,KAAK,CAACC;EAC5B,CAAC;EACDC,IAAI,EAAE;IACJC,KAAK,EAAEf,KAAK,CAACO,MAAM,CAACS,WAAW;IAC/BC,QAAQ,EAAEjB,KAAK,CAACkB,UAAU,CAACC,GAAG,CAACF,QAAQ;IACvCG,UAAU,EAAEpB,KAAK,CAACkB,UAAU,CAACC,GAAG,CAACC,UAAU;IAC3CC,UAAU,EAAErB,KAAK,CAACkB,UAAU,CAACC,GAAG,CAACE;EACnC;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/Day/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Day/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/Day/types.ts"],"sourcesContent":["import {\n  StyleProp,\n  ViewStyle,\n  TextProps,\n} from 'react-native'\n\nexport interface DayProps {\n  createdAt: Date | number\n  dateFormat?: string\n  dateFormatCalendar?: object\n  containerStyle?: StyleProp<ViewStyle>\n  wrapperStyle?: StyleProp<ViewStyle>\n  /** Props to pass to the Text component (e.g., style, allowFontScaling, numberOfLines) */\n  textProps?: Partial<TextProps>\n  /**\n   * `true` when rendered as the floating/animated day header that sticks to the\n   * top while scrolling, `false`/`undefined` for the inline day separators.\n   * Use this in a custom `renderDay` to give the floating header a different look.\n   */\n  isAnimated?: boolean\n}\n"],"mappings":"","ignoreList":[]}

package/lib/Icons.d.ts

@@ -5,7 +5,7 @@ export interface IconProps {
 }
 export type IconRenderer = (props: IconProps) => ReactNode;
 /** Named icons the chat UI renders. Override any subset via the `icons` prop. */
-export type IconName = 'send' | 'mic' | 'camera' | 'play' | 'pause' | 'close' | 'chevronLeft' | 'chevronDown' | 'clock' | 'check' | 'checkAll' | 'pin' | 'plus' | 'emoji' | 'paperclip' | 'reply' | 'pencil' | 'lock' | 'trash';
+export type IconName = 'send' | 'mic' | 'camera' | 'play' | 'pause' | 'close' | 'chevronLeft' | 'chevronDown' | 'clock' | 'check' | 'checkAll' | 'pin' | 'plus' | 'emoji' | 'paperclip' | 'reply' | 'pencil' | 'lock' | 'trash' | 'copy' | 'pinOff' | 'forward' | 'keyboard' | 'search' | 'backspace' | 'emojiAnimals' | 'emojiFood' | 'emojiActivities' | 'emojiTravel' | 'emojiObjects' | 'emojiSymbols' | 'emojiFlags' | 'gallery' | 'file' | 'location' | 'download' | 'checkCircle' | 'pushpin' | 'archive' | 'unarchive' | 'archiveFolder' | 'mute' | 'unmute' | 'verified' | 'reorder' | 'arrowLeft';
 /**
  * Icon override registry. Supply a render function for any icon to replace the
  * built-in (dependency-free) drawn icon with your own - e.g. lucide-react-native:

package/lib/Icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../src/Icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,CAAA;AAE1D,iFAAiF;AACjF,MAAM,MAAM,QAAQ,GAChB,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,OAAO,GACP,aAAa,GACb,aAAa,GACb,OAAO,GACP,OAAO,GACP,UAAU,GACV,KAAK,GACL,MAAM,GACN,OAAO,GACP,WAAW,GACX,OAAO,GACP,QAAQ,GACR,MAAM,GACN,OAAO,CAAA;AAEX;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAA"}
+{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../src/Icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,CAAA;AAE1D,iFAAiF;AACjF,MAAM,MAAM,QAAQ,GAChB,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,OAAO,GACP,aAAa,GACb,aAAa,GACb,OAAO,GACP,OAAO,GACP,UAAU,GACV,KAAK,GACL,MAAM,GACN,OAAO,GACP,WAAW,GACX,OAAO,GACP,QAAQ,GACR,MAAM,GACN,OAAO,GACP,MAAM,GACN,QAAQ,GACR,SAAS,GACT,UAAU,GACV,QAAQ,GACR,WAAW,GACX,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,aAAa,GACb,cAAc,GACd,cAAc,GACd,YAAY,GACZ,SAAS,GACT,MAAM,GACN,UAAU,GACV,UAAU,GACV,aAAa,GACb,SAAS,GACT,SAAS,GACT,WAAW,GACX,eAAe,GACf,MAAM,GACN,QAAQ,GACR,UAAU,GACV,SAAS,GACT,WAAW,CAAA;AAEf;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAA"}

package/lib/Icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../src/Icons.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Icons.js","names":[],"sources":["../src/Icons.ts"],"sourcesContent":["import { ReactNode } from 'react'\n\nexport interface IconProps {\n  color: string\n  size: number\n}\n\nexport type IconRenderer = (props: IconProps) => ReactNode\n\n/** Named icons the chat UI renders. Override any subset via the `icons` prop. */\nexport type IconName =\n  | 'send'\n  | 'mic'\n  | 'camera'\n  | 'play'\n  | 'pause'\n  | 'close'\n  | 'chevronLeft'\n  | 'chevronDown'\n  | 'clock'\n  | 'check'\n  | 'checkAll'\n  | 'pin'\n  | 'plus'\n  | 'emoji'\n  | 'paperclip'\n  | 'reply'\n  | 'pencil'\n  | 'lock'\n  | 'trash'\n  | 'copy'\n  | 'pinOff'\n  | 'forward'\n  | 'keyboard'\n  | 'search'\n  | 'backspace'\n  | 'emojiAnimals'\n  | 'emojiFood'\n  | 'emojiActivities'\n  | 'emojiTravel'\n  | 'emojiObjects'\n  | 'emojiSymbols'\n  | 'emojiFlags'\n  | 'gallery'\n  | 'file'\n  | 'location'\n  | 'download'\n  | 'checkCircle'\n  | 'pushpin'\n  | 'archive'\n  | 'unarchive'\n  | 'archiveFolder'\n  | 'mute'\n  | 'unmute'\n  | 'verified'\n  | 'reorder'\n  | 'arrowLeft'\n\n/**\n * Icon override registry. Supply a render function for any icon to replace the\n * built-in (dependency-free) drawn icon with your own - e.g. lucide-react-native:\n *\n * ```tsx\n * import { Send, Mic } from 'lucide-react-native'\n * <Chat icons={{\n *   send: ({ color, size }) => <Send color={color} size={size} />,\n *   mic:  ({ color, size }) => <Mic color={color} size={size} />,\n * }} />\n * ```\n *\n * No dependency is added by this library; the drawn icons remain the default.\n */\nexport type ChatIcons = Partial<Record<IconName, IconRenderer>>\n"],"mappings":"","ignoreList":[]}

package/lib/InputToolbar/FieldGroup.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { ReturnAnimations } from './animations';
+/** The paperclip steps aside while there is text. */
+export declare function useAttachStyle(hasText: boolean): import("react-native-reanimated/lib/typescript/hook/commonTypes").AnimatedStyleHandle<{
+    opacity: number;
+    transform: {
+        scale: number;
+    }[];
+}>;
+interface FieldGroupProps {
+    emojiFragment: React.ReactNode;
+    composerFragment: React.ReactNode;
+    actionsFragment: React.ReactNode;
+    videoFragment: React.ReactNode;
+    /** The paperclip's step aside while there is text. */
+    attachStyle: ReturnType<typeof useAttachStyle>;
+    hasText: boolean;
+    /** A take has been recorded since mount, so the field fades back in. */
+    hasHadTake: boolean;
+    /** A take can take the field away, so its parts animate out. */
+    canTakeAway: boolean;
+    /** How the parts come back after a take; null on first mount. */
+    returning: ReturnAnimations | null;
+}
+/** The field inside the island: [emoji 44] [text] [attach 44], and the inset camera. */
+export declare function FieldGroup({ emojiFragment, composerFragment, actionsFragment, videoFragment, attachStyle, hasText, hasHadTake, canTakeAway, returning, }: FieldGroupProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=FieldGroup.d.ts.map

package/lib/InputToolbar/FieldGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.d.ts","sourceRoot":"","sources":["../../src/InputToolbar/FieldGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAKjD,OAAO,EAGL,gBAAgB,EAMjB,MAAM,cAAc,CAAA;AAGrB,qDAAqD;AACrD,wBAAgB,cAAc,CAAE,OAAO,EAAE,OAAO;;;;;GAS/C;AAED,UAAU,eAAe;IACvB,aAAa,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,sDAAsD;IACtD,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;IAC9C,OAAO,EAAE,OAAO,CAAA;IAChB,wEAAwE;IACxE,UAAU,EAAE,OAAO,CAAA;IACnB,gEAAgE;IAChE,WAAW,EAAE,OAAO,CAAA;IACpB,iEAAiE;IACjE,SAAS,EAAE,gBAAgB,GAAG,IAAI,CAAA;CACnC;AAED,wFAAwF;AACxF,wBAAgB,UAAU,CAAE,EAC1B,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,WAAW,EACX,OAAO,EACP,UAAU,EACV,WAAW,EACX,SAAS,GACV,EAAE,eAAe,qBA0CjB"}

package/lib/InputToolbar/FieldGroup.js

@@ -0,0 +1,143 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect, useMemo } from 'react';
+import Animated, { FadeIn, FadeOut, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useIsRTL } from '../hooks/useIsRTL';
+import { useThemedStyles } from '../hooks/useTheme';
+import { ATTACH_HIDE, CONTROLS_MS, attachOut, attachOutRTL, emojiOut, textOut, textOutRTL } from './animations';
+import { createStyles } from './styles';
+
+/** The paperclip steps aside while there is text. */
+export function useAttachStyle(hasText) {
+  const $ = _c(4);
+  const attachShown = useSharedValue(hasText ? 0 : 1);
+  let t0;
+  let t1;
+  if ($[0] !== attachShown || $[1] !== hasText) {
+    t0 = () => {
+      attachShown.value = withTiming(hasText ? 0 : 1, ATTACH_HIDE);
+    };
+    t1 = [hasText, attachShown];
+    $[0] = attachShown;
+    $[1] = hasText;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  useEffect(t0, t1);
+  return useAnimatedStyle(() => ({
+    opacity: attachShown.value,
+    transform: [{
+      scale: 0.5 + 0.5 * attachShown.value
+    }]
+  }));
+}
+/** The field inside the island: [emoji 44] [text] [attach 44], and the inset camera. */
+export function FieldGroup(t0) {
+  const $ = _c(35);
+  const {
+    emojiFragment,
+    composerFragment,
+    actionsFragment,
+    videoFragment,
+    attachStyle,
+    hasText,
+    hasHadTake,
+    canTakeAway,
+    returning
+  } = t0;
+  const styles = useThemedStyles(createStyles);
+  const isRTL = useIsRTL();
+  const t1 = isRTL && styles.rowReverse;
+  let t2;
+  if ($[0] !== styles.fieldGroup || $[1] !== t1) {
+    t2 = [styles.fieldGroup, t1];
+    $[0] = styles.fieldGroup;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const fieldGroupStyles = t2;
+  let t3;
+  if ($[3] !== hasHadTake) {
+    t3 = hasHadTake ? FadeIn.duration(CONTROLS_MS) : undefined;
+    $[3] = hasHadTake;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== canTakeAway) {
+    t4 = canTakeAway ? FadeOut.duration(CONTROLS_MS) : undefined;
+    $[5] = canTakeAway;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== canTakeAway || $[8] !== emojiFragment || $[9] !== returning?.emoji) {
+    t5 = emojiFragment && <Animated.View entering={returning?.emoji} exiting={canTakeAway ? emojiOut : undefined}>{emojiFragment}</Animated.View>;
+    $[7] = canTakeAway;
+    $[8] = emojiFragment;
+    $[9] = returning?.emoji;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  const t6 = !emojiFragment && (isRTL ? styles.composerSlotEndInset : styles.composerSlotStartInset);
+  const t7 = !actionsFragment && !videoFragment && (isRTL ? styles.composerSlotStartInset : styles.composerSlotEndInset);
+  let t8;
+  if ($[11] !== styles.composerSlot || $[12] !== t6 || $[13] !== t7) {
+    t8 = [styles.composerSlot, t6, t7];
+    $[11] = styles.composerSlot;
+    $[12] = t6;
+    $[13] = t7;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  const t9 = returning?.text;
+  const t10 = canTakeAway ? isRTL ? textOutRTL : textOut : undefined;
+  let t11;
+  if ($[15] !== composerFragment || $[16] !== t10 || $[17] !== t8 || $[18] !== t9) {
+    t11 = <Animated.View style={t8} entering={t9} exiting={t10}>{composerFragment}</Animated.View>;
+    $[15] = composerFragment;
+    $[16] = t10;
+    $[17] = t8;
+    $[18] = t9;
+    $[19] = t11;
+  } else {
+    t11 = $[19];
+  }
+  let t12;
+  if ($[20] !== actionsFragment || $[21] !== attachStyle || $[22] !== canTakeAway || $[23] !== hasText || $[24] !== isRTL || $[25] !== returning?.attach) {
+    t12 = actionsFragment && <Animated.View entering={returning?.attach} exiting={canTakeAway ? isRTL ? attachOutRTL : attachOut : undefined}><Animated.View style={attachStyle} pointerEvents={hasText ? "none" : "auto"}>{actionsFragment}</Animated.View></Animated.View>;
+    $[20] = actionsFragment;
+    $[21] = attachStyle;
+    $[22] = canTakeAway;
+    $[23] = hasText;
+    $[24] = isRTL;
+    $[25] = returning?.attach;
+    $[26] = t12;
+  } else {
+    t12 = $[26];
+  }
+  let t13;
+  if ($[27] !== fieldGroupStyles || $[28] !== t11 || $[29] !== t12 || $[30] !== t3 || $[31] !== t4 || $[32] !== t5 || $[33] !== videoFragment) {
+    t13 = <Animated.View style={fieldGroupStyles} entering={t3} exiting={t4}>{t5}{t11}{t12}{videoFragment}</Animated.View>;
+    $[27] = fieldGroupStyles;
+    $[28] = t11;
+    $[29] = t12;
+    $[30] = t3;
+    $[31] = t4;
+    $[32] = t5;
+    $[33] = videoFragment;
+    $[34] = t13;
+  } else {
+    t13 = $[34];
+  }
+  return t13;
+}
+//# sourceMappingURL=FieldGroup.js.map

package/lib/InputToolbar/FieldGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.js","names":["React","useEffect","useMemo","Animated","FadeIn","FadeOut","useAnimatedStyle","useSharedValue","withTiming","useIsRTL","useThemedStyles","ATTACH_HIDE","CONTROLS_MS","attachOut","attachOutRTL","emojiOut","textOut","textOutRTL","createStyles","useAttachStyle","hasText","$","_c","attachShown","t0","t1","value","opacity","transform","scale","FieldGroup","emojiFragment","composerFragment","actionsFragment","videoFragment","attachStyle","hasHadTake","canTakeAway","returning","styles","isRTL","rowReverse","t2","fieldGroup","fieldGroupStyles","t3","duration","undefined","t4","t5","emoji","t6","composerSlotEndInset","composerSlotStartInset","t7","t8","composerSlot","t9","text","t10","t11","t12","attach","t13"],"sources":["../../src/InputToolbar/FieldGroup.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react'\nimport Animated, { FadeIn, FadeOut, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated'\n\nimport { useIsRTL } from '../hooks/useIsRTL'\nimport { useThemedStyles } from '../hooks/useTheme'\nimport {\n  ATTACH_HIDE,\n  CONTROLS_MS,\n  ReturnAnimations,\n  attachOut,\n  attachOutRTL,\n  emojiOut,\n  textOut,\n  textOutRTL,\n} from './animations'\nimport { createStyles } from './styles'\n\n/** The paperclip steps aside while there is text. */\nexport function useAttachStyle (hasText: boolean) {\n  const attachShown = useSharedValue(hasText ? 0 : 1)\n  useEffect(() => {\n    attachShown.value = withTiming(hasText ? 0 : 1, ATTACH_HIDE)\n  }, [hasText, attachShown])\n  return useAnimatedStyle(() => ({\n    opacity: attachShown.value,\n    transform: [{ scale: 0.5 + 0.5 * attachShown.value }],\n  }))\n}\n\ninterface FieldGroupProps {\n  emojiFragment: React.ReactNode\n  composerFragment: React.ReactNode\n  actionsFragment: React.ReactNode\n  videoFragment: React.ReactNode\n  /** The paperclip's step aside while there is text. */\n  attachStyle: ReturnType<typeof useAttachStyle>\n  hasText: boolean\n  /** A take has been recorded since mount, so the field fades back in. */\n  hasHadTake: boolean\n  /** A take can take the field away, so its parts animate out. */\n  canTakeAway: boolean\n  /** How the parts come back after a take; null on first mount. */\n  returning: ReturnAnimations | null\n}\n\n/** The field inside the island: [emoji 44] [text] [attach 44], and the inset camera. */\nexport function FieldGroup ({\n  emojiFragment,\n  composerFragment,\n  actionsFragment,\n  videoFragment,\n  attachStyle,\n  hasText,\n  hasHadTake,\n  canTakeAway,\n  returning,\n}: FieldGroupProps) {\n  const styles = useThemedStyles(createStyles)\n  const isRTL = useIsRTL()\n\n  const fieldGroupStyles = useMemo(() => [\n    styles.fieldGroup,\n    isRTL && styles.rowReverse,\n  ], [styles, isRTL])\n\n  return (\n    <Animated.View\n      style={fieldGroupStyles}\n      // The pill itself only fades; its parts move on their own.\n      entering={hasHadTake ? FadeIn.duration(CONTROLS_MS) : undefined}\n      exiting={canTakeAway ? FadeOut.duration(CONTROLS_MS) : undefined}\n    >\n      {emojiFragment && (\n        <Animated.View entering={returning?.emoji} exiting={canTakeAway ? emojiOut : undefined}>\n          {emojiFragment}\n        </Animated.View>\n      )}\n      <Animated.View\n        style={[\n          styles.composerSlot,\n          !emojiFragment && (isRTL ? styles.composerSlotEndInset : styles.composerSlotStartInset),\n          !actionsFragment && !videoFragment && (isRTL ? styles.composerSlotStartInset : styles.composerSlotEndInset),\n        ]}\n        entering={returning?.text}\n        exiting={canTakeAway ? (isRTL ? textOutRTL : textOut) : undefined}\n      >\n        {composerFragment}\n      </Animated.View>\n      {actionsFragment && (\n        <Animated.View entering={returning?.attach} exiting={canTakeAway ? (isRTL ? attachOutRTL : attachOut) : undefined}>\n          <Animated.View style={attachStyle} pointerEvents={hasText ? 'none' : 'auto'}>\n            {actionsFragment}\n          </Animated.View>\n        </Animated.View>\n      )}\n      {videoFragment}\n    </Animated.View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/InputToolbar/TakePreviewBar.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { VoiceRecordingPreview } from '../components/VoiceMessageInput';
+interface TakePreviewBarProps {
+    voicePreview: VoiceRecordingPreview | null;
+    videoPreview: {
+        durationMs: number;
+    } | null;
+    onDelete: () => void;
+    onTrimVoice: (start: number, end: number) => void;
+}
+/**
+ * A paused take: delete on the left, the take in the middle, send
+ * in the record button's slot (`recordedAudioPanel`).
+ */
+export declare function TakePreviewBar({ voicePreview, videoPreview, onDelete, onTrimVoice }: TakePreviewBarProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=TakePreviewBar.d.ts.map

package/lib/InputToolbar/TakePreviewBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TakePreviewBar.d.ts","sourceRoot":"","sources":["../../src/InputToolbar/TakePreviewBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAwB,qBAAqB,EAAiB,MAAM,iCAAiC,CAAA;AAM5G,UAAU,mBAAmB;IAC3B,YAAY,EAAE,qBAAqB,GAAG,IAAI,CAAA;IAC1C,YAAY,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAClD;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAE,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,mBAAmB,qBA6CzG"}

package/lib/InputToolbar/TakePreviewBar.js

@@ -0,0 +1,126 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { Pressable, Text, View } from 'react-native';
+import Animated, { ZoomIn } from 'react-native-reanimated';
+import { Icon } from '../components/Icon';
+import { TrashIcon } from '../components/MediaControls';
+import { RecordedVoicePreview, formatElapsed } from '../components/VoiceMessageInput';
+import { useIsRTL } from '../hooks/useIsRTL';
+import { useThemedStyles } from '../hooks/useTheme';
+import { stretchOut, videoStretchIn, voiceStretchIn } from './animations';
+import { createStyles } from './styles';
+/**
+ * A paused take: delete on the left, the take in the middle, send
+ * in the record button's slot (`recordedAudioPanel`).
+ */
+export function TakePreviewBar(t0) {
+  const $ = _c(33);
+  const {
+    voicePreview,
+    videoPreview,
+    onDelete,
+    onTrimVoice
+  } = t0;
+  const styles = useThemedStyles(createStyles);
+  const isRTL = useIsRTL();
+  const t1 = isRTL && styles.rowReverse;
+  let t2;
+  if ($[0] !== styles.previewBar || $[1] !== styles.recordingBar || $[2] !== t1) {
+    t2 = [styles.recordingBar, styles.previewBar, t1];
+    $[0] = styles.previewBar;
+    $[1] = styles.recordingBar;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = ZoomIn.delay(150).duration(150);
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== styles.recTrashColor.color) {
+    t4 = <TrashIcon color={styles.recTrashColor.color} size={20} />;
+    $[5] = styles.recTrashColor.color;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== styles.recTrashColor.color || $[8] !== t4) {
+    t5 = <Icon name="trash" color={styles.recTrashColor.color} size={20} fallback={t4} />;
+    $[7] = styles.recTrashColor.color;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== onDelete || $[11] !== styles.recTrash || $[12] !== t5) {
+    t6 = <Animated.View entering={t3}><Pressable style={styles.recTrash} hitSlop={8} onPress={onDelete} accessibilityRole="button" accessibilityLabel="delete recording">{t5}</Pressable></Animated.View>;
+    $[10] = onDelete;
+    $[11] = styles.recTrash;
+    $[12] = t5;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  const t7 = voicePreview ? voiceStretchIn : videoStretchIn;
+  const t8 = isRTL ? "left center" : "right center";
+  let t9;
+  if ($[14] !== t8) {
+    t9 = {
+      transformOrigin: t8
+    };
+    $[14] = t8;
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  let t10;
+  if ($[16] !== styles.previewContent || $[17] !== t9) {
+    t10 = [styles.previewContent, t9];
+    $[16] = styles.previewContent;
+    $[17] = t9;
+    $[18] = t10;
+  } else {
+    t10 = $[18];
+  }
+  let t11;
+  if ($[19] !== onTrimVoice || $[20] !== styles.videoPreviewPill || $[21] !== styles.videoPreviewTime || $[22] !== videoPreview?.durationMs || $[23] !== voicePreview) {
+    t11 = voicePreview ? <RecordedVoicePreview key={voicePreview.uri} preview={voicePreview} onTrim={onTrimVoice} /> : <View style={styles.videoPreviewPill}><Text style={styles.videoPreviewTime}>{formatElapsed(videoPreview?.durationMs ?? 0)}</Text></View>;
+    $[19] = onTrimVoice;
+    $[20] = styles.videoPreviewPill;
+    $[21] = styles.videoPreviewTime;
+    $[22] = videoPreview?.durationMs;
+    $[23] = voicePreview;
+    $[24] = t11;
+  } else {
+    t11 = $[24];
+  }
+  let t12;
+  if ($[25] !== t10 || $[26] !== t11 || $[27] !== t7) {
+    t12 = <Animated.View entering={t7} exiting={stretchOut} style={t10}>{t11}</Animated.View>;
+    $[25] = t10;
+    $[26] = t11;
+    $[27] = t7;
+    $[28] = t12;
+  } else {
+    t12 = $[28];
+  }
+  let t13;
+  if ($[29] !== t12 || $[30] !== t2 || $[31] !== t6) {
+    t13 = <View style={t2}>{t6}{t12}</View>;
+    $[29] = t12;
+    $[30] = t2;
+    $[31] = t6;
+    $[32] = t13;
+  } else {
+    t13 = $[32];
+  }
+  return t13;
+}
+//# sourceMappingURL=TakePreviewBar.js.map

package/lib/InputToolbar/TakePreviewBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TakePreviewBar.js","names":["React","Pressable","Text","View","Animated","ZoomIn","Icon","TrashIcon","RecordedVoicePreview","formatElapsed","useIsRTL","useThemedStyles","stretchOut","videoStretchIn","voiceStretchIn","createStyles","TakePreviewBar","t0","$","_c","voicePreview","videoPreview","onDelete","onTrimVoice","styles","isRTL","t1","rowReverse","t2","previewBar","recordingBar","t3","Symbol","for","delay","duration","t4","recTrashColor","color","t5","t6","recTrash","t7","t8","t9","transformOrigin","t10","previewContent","t11","videoPreviewPill","videoPreviewTime","durationMs","uri","t12","t13"],"sources":["../../src/InputToolbar/TakePreviewBar.tsx"],"sourcesContent":["import React from 'react'\nimport { Pressable, Text, View } from 'react-native'\nimport Animated, { ZoomIn } from 'react-native-reanimated'\n\nimport { Icon } from '../components/Icon'\nimport { TrashIcon } from '../components/MediaControls'\nimport { RecordedVoicePreview, VoiceRecordingPreview, formatElapsed } from '../components/VoiceMessageInput'\nimport { useIsRTL } from '../hooks/useIsRTL'\nimport { useThemedStyles } from '../hooks/useTheme'\nimport { stretchOut, videoStretchIn, voiceStretchIn } from './animations'\nimport { createStyles } from './styles'\n\ninterface TakePreviewBarProps {\n  voicePreview: VoiceRecordingPreview | null\n  videoPreview: { durationMs: number } | null\n  onDelete: () => void\n  onTrimVoice: (start: number, end: number) => void\n}\n\n/**\n * A paused take: delete on the left, the take in the middle, send\n * in the record button's slot (`recordedAudioPanel`).\n */\nexport function TakePreviewBar ({ voicePreview, videoPreview, onDelete, onTrimVoice }: TakePreviewBarProps) {\n  const styles = useThemedStyles(createStyles)\n  const isRTL = useIsRTL()\n\n  return (\n    <View style={[styles.recordingBar, styles.previewBar, isRTL && styles.rowReverse]}>\n      {/* The delete button pops in once the circle has shrunk away. */}\n      <Animated.View entering={ZoomIn.delay(150).duration(150)}>\n        <Pressable\n          style={styles.recTrash}\n          hitSlop={8}\n          onPress={onDelete}\n          accessibilityRole='button'\n          accessibilityLabel='delete recording'\n        >\n          <Icon\n            name='trash'\n            color={styles.recTrashColor.color}\n            size={20}\n            fallback={<TrashIcon color={styles.recTrashColor.color} size={20} />}\n          />\n        </Pressable>\n      </Animated.View>\n      <Animated.View\n        entering={voicePreview ? voiceStretchIn : videoStretchIn}\n        exiting={stretchOut}\n        // The pill grows out of the record button's side.\n        style={[styles.previewContent, { transformOrigin: isRTL ? 'left center' : 'right center' }]}\n      >\n        {voicePreview\n          ? (\n            <RecordedVoicePreview\n              key={voicePreview.uri}\n              preview={voicePreview}\n              onTrim={onTrimVoice}\n            />\n          )\n          : (\n            <View style={styles.videoPreviewPill}>\n              <Text style={styles.videoPreviewTime}>{formatElapsed(videoPreview?.durationMs ?? 0)}</Text>\n            </View>\n          )}\n      </Animated.View>\n    </View>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACpD,OAAOC,QAAQ,IAAIC,MAAM,QAAQ,yBAAyB;AAE1D,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,SAAS,QAAQ,6BAA6B;AACvD,SAASC,oBAAoB,EAAyBC,aAAa,QAAQ,iCAAiC;AAC5G,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,UAAU,EAAEC,cAAc,EAAEC,cAAc,QAAQ,cAAc;AACzE,SAASC,YAAY,QAAQ,UAAU;AASvC;AACA;AACA;AACA;AACA,OAAO,SAAAC,eAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAyB;IAAAC,YAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAN,EAA0E;EACxG,MAAAO,MAAA,GAAeb,eAAe,CAACI,YAAY,CAAC;EAC5C,MAAAU,KAAA,GAAcf,QAAQ,CAAC,CAAC;EAGgC,MAAAgB,EAAA,GAAAD,KAA0B,IAAjBD,MAAM,CAAAG,UAAW;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAM,MAAA,CAAAK,UAAA,IAAAX,CAAA,QAAAM,MAAA,CAAAM,YAAA,IAAAZ,CAAA,QAAAQ,EAAA;IAAnEE,EAAA,IAACJ,MAAM,CAAAM,YAAa,EAAEN,MAAM,CAAAK,UAAW,EAAEH,EAA0B,CAAC;IAAAR,CAAA,MAAAM,MAAA,CAAAK,UAAA;IAAAX,CAAA,MAAAM,MAAA,CAAAM,YAAA;IAAAZ,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAA,IAAAa,EAAA;EAAA,IAAAb,CAAA,QAAAc,MAAA,CAAAC,GAAA;IAEtDF,EAAA,GAAA1B,MAAM,CAAA6B,KAAM,CAAC,GAAG,CAAC,CAAAC,QAAS,CAAC,GAAG,CAAC;IAAAjB,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAM,MAAA,CAAAa,aAAA,CAAAC,KAAA;IAYxCF,EAAA,IAAC,SAAS,CAAQ,KAA0B,CAA1B,CAAAZ,MAAM,CAAAa,aAAc,CAAAC,KAAK,CAAC,CAAQ,IAAE,CAAF,GAAC,CAAC,GAAI;IAAApB,CAAA,MAAAM,MAAA,CAAAa,aAAA,CAAAC,KAAA;IAAApB,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAAA,IAAAqB,EAAA;EAAA,IAAArB,CAAA,QAAAM,MAAA,CAAAa,aAAA,CAAAC,KAAA,IAAApB,CAAA,QAAAkB,EAAA;IAJtEG,EAAA,IAAC,IAAI,CACE,IAAO,CAAP,OAAO,CACL,KAA0B,CAA1B,CAAAf,MAAM,CAAAa,aAAc,CAAAC,KAAK,CAAC,CAC3B,IAAE,CAAF,GAAC,CAAC,CACE,QAA0D,CAA1D,CAAAF,EAAyD,CAAC,GACpE;IAAAlB,CAAA,MAAAM,MAAA,CAAAa,aAAA,CAAAC,KAAA;IAAApB,CAAA,MAAAkB,EAAA;IAAAlB,CAAA,MAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAAA,IAAAsB,EAAA;EAAA,IAAAtB,CAAA,SAAAI,QAAA,IAAAJ,CAAA,SAAAM,MAAA,CAAAiB,QAAA,IAAAvB,CAAA,SAAAqB,EAAA;IAbNC,EAAA,kBAAyB,QAA+B,CAA/B,CAAAT,EAA8B,CAAC,CACtD,CAAC,SAAS,CACD,KAAe,CAAf,CAAAP,MAAM,CAAAiB,QAAQ,CAAC,CACb,OAAC,CAAD,GAAC,CACDnB,OAAQ,CAARA,SAAO,CAAC,CACC,iBAAQ,CAAR,QAAQ,CACP,kBAAkB,CAAlB,kBAAkB,CAErC,CAAAiB,EAKC,CACH,EAbC,SAAS,CAcZ,gBAAgB;IAAArB,CAAA,OAAAI,QAAA;IAAAJ,CAAA,OAAAM,MAAA,CAAAiB,QAAA;IAAAvB,CAAA,OAAAqB,EAAA;IAAArB,CAAA,OAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAEJ,MAAAwB,EAAA,GAAAtB,YAAY,GAAZN,cAA8C,GAA9CD,cAA8C;EAGN,MAAA8B,EAAA,GAAAlB,KAAK,GAAL,aAAsC,GAAtC,cAAsC;EAAA,IAAAmB,EAAA;EAAA,IAAA1B,CAAA,SAAAyB,EAAA;IAAzDC,EAAA;MAAAC,eAAA,EAAmBF;IAAuC,CAAC;IAAAzB,CAAA,OAAAyB,EAAA;IAAAzB,CAAA,OAAA0B,EAAA;EAAA;IAAAA,EAAA,GAAA1B,CAAA;EAAA;EAAA,IAAA4B,GAAA;EAAA,IAAA5B,CAAA,SAAAM,MAAA,CAAAuB,cAAA,IAAA7B,CAAA,SAAA0B,EAAA;IAAnFE,GAAA,IAACtB,MAAM,CAAAuB,cAAe,EAAEH,EAA2D,CAAC;IAAA1B,CAAA,OAAAM,MAAA,CAAAuB,cAAA;IAAA7B,CAAA,OAAA0B,EAAA;IAAA1B,CAAA,OAAA4B,GAAA;EAAA;IAAAA,GAAA,GAAA5B,CAAA;EAAA;EAAA,IAAA8B,GAAA;EAAA,IAAA9B,CAAA,SAAAK,WAAA,IAAAL,CAAA,SAAAM,MAAA,CAAAyB,gBAAA,IAAA/B,CAAA,SAAAM,MAAA,CAAA0B,gBAAA,IAAAhC,CAAA,SAAAG,YAAA,EAAA8B,UAAA,IAAAjC,CAAA,SAAAE,YAAA;IAE1F4B,GAAA,GAAA5B,YAAY,GAET,CAAC,oBAAoB,CACd,GAAgB,CAAhB,CAAAA,YAAY,CAAAgC,GAAG,CAAC,CACZhC,OAAY,CAAZA,aAAW,CAAC,CACbG,MAAW,CAAXA,YAAU,CAAC,GAOtB,GAHC,CAAC,IAAI,CAAQ,KAAuB,CAAvB,CAAAC,MAAM,CAAAyB,gBAAgB,CAAC,CAClC,CAAC,IAAI,CAAQ,KAAuB,CAAvB,CAAAzB,MAAM,CAAA0B,gBAAgB,CAAC,CAAG,CAAAzC,aAAa,CAACY,YAAY,EAAA8B,UAAiB,IAA7B,CAA6B,EAAE,EAAnF,IAAI,CACP,EAFC,IAAI,CAGN;IAAAjC,CAAA,OAAAK,WAAA;IAAAL,CAAA,OAAAM,MAAA,CAAAyB,gBAAA;IAAA/B,CAAA,OAAAM,MAAA,CAAA0B,gBAAA;IAAAhC,CAAA,OAAAG,YAAA,EAAA8B,UAAA;IAAAjC,CAAA,OAAAE,YAAA;IAAAF,CAAA,OAAA8B,GAAA;EAAA;IAAAA,GAAA,GAAA9B,CAAA;EAAA;EAAA,IAAAmC,GAAA;EAAA,IAAAnC,CAAA,SAAA4B,GAAA,IAAA5B,CAAA,SAAA8B,GAAA,IAAA9B,CAAA,SAAAwB,EAAA;IAlBLW,GAAA,kBACY,QAA8C,CAA9C,CAAAX,EAA6C,CAAC,CAC/C9B,OAAU,CAAVA,WAAS,CAAC,CAEZ,KAAoF,CAApF,CAAAkC,GAAmF,CAAC,CAE1F,CAAAE,GAYC,CACJ,gBAAgB;IAAA9B,CAAA,OAAA4B,GAAA;IAAA5B,CAAA,OAAA8B,GAAA;IAAA9B,CAAA,OAAAwB,EAAA;IAAAxB,CAAA,OAAAmC,GAAA;EAAA;IAAAA,GAAA,GAAAnC,CAAA;EAAA;EAAA,IAAAoC,GAAA;EAAA,IAAApC,CAAA,SAAAmC,GAAA,IAAAnC,CAAA,SAAAU,EAAA,IAAAV,CAAA,SAAAsB,EAAA;IArClBc,GAAA,IAAC,IAAI,CAAQ,KAAoE,CAApE,CAAA1B,EAAmE,CAAC,CAE/E,CAAAY,EAee,CACf,CAAAa,GAmBe,CACjB,EAtCC,IAAI,CAsCE;IAAAnC,CAAA,OAAAmC,GAAA;IAAAnC,CAAA,OAAAU,EAAA;IAAAV,CAAA,OAAAsB,EAAA;IAAAtB,CAAA,OAAAoC,GAAA;EAAA;IAAAA,GAAA,GAAApC,CAAA;EAAA;EAAA,OAtCPoC,GAsCO;AAAA","ignoreList":[]}

package/lib/InputToolbar/animations.d.ts

@@ -0,0 +1,105 @@
+import { FadeIn } from 'react-native-reanimated';
+export declare const voiceStretchIn: () => {
+    initialValues: {
+        opacity: number;
+        transform: ({
+            scaleX: number;
+            scaleY?: undefined;
+        } | {
+            scaleY: number;
+            scaleX?: undefined;
+        })[];
+    };
+    animations: {
+        opacity: 1;
+        transform: ({
+            scaleX: 1;
+            scaleY?: undefined;
+        } | {
+            scaleY: 1;
+            scaleX?: undefined;
+        })[];
+    };
+};
+export declare const videoStretchIn: () => {
+    initialValues: {
+        opacity: number;
+        transform: ({
+            scaleX: number;
+            scaleY?: undefined;
+        } | {
+            scaleY: number;
+            scaleX?: undefined;
+        })[];
+    };
+    animations: {
+        opacity: 1;
+        transform: ({
+            scaleX: 1;
+            scaleY?: undefined;
+        } | {
+            scaleY: 1;
+            scaleX?: undefined;
+        })[];
+    };
+};
+export declare const stretchOut: () => {
+    initialValues: {
+        opacity: number;
+        transform: ({
+            scaleX: number;
+            scaleY?: undefined;
+        } | {
+            scaleY: number;
+            scaleX?: undefined;
+        })[];
+    };
+    animations: {
+        opacity: 0;
+        transform: ({
+            scaleX: 0.06;
+            scaleY?: undefined;
+        } | {
+            scaleY: 0.45;
+            scaleX?: undefined;
+        })[];
+    };
+};
+export declare const CONTROLS_MS = 150;
+export declare const ATTACH_SHIFT = 30;
+export declare const RETURN_DELAYS: {
+    send: {
+        icons: number;
+        text: number;
+    };
+    cancel: {
+        icons: number;
+        text: number;
+    };
+};
+export declare const emojiOut: import("react-native-reanimated").ReanimatedKeyframe;
+export declare const attachOut: import("react-native-reanimated").ReanimatedKeyframe;
+export declare const attachOutRTL: import("react-native-reanimated").ReanimatedKeyframe;
+export declare const textOut: import("react-native-reanimated").ReanimatedKeyframe;
+export declare const textOutRTL: import("react-native-reanimated").ReanimatedKeyframe;
+/** The way back in, waiting out whatever of the delay has not passed yet. */
+export declare const elapsedSince: (at: number) => number;
+export declare const makeReturn: (delays: {
+    icons: number;
+    text: number;
+}, attachShift: number) => {
+    emoji: import("react-native-reanimated").ReanimatedKeyframe;
+    attach: import("react-native-reanimated").ReanimatedKeyframe;
+    text: FadeIn;
+};
+export type ReturnAnimations = ReturnType<typeof makeReturn>;
+export declare const swapIn: import("react-native-reanimated").ReanimatedKeyframe;
+export declare const swapOut: import("react-native-reanimated").ReanimatedKeyframe;
+export declare const EMOJI_ICON_SWAP: {
+    duration: number;
+    easing: import("react-native-reanimated").EasingFunction;
+};
+export declare const ATTACH_HIDE: {
+    duration: number;
+};
+//# sourceMappingURL=animations.d.ts.map

package/lib/InputToolbar/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../src/InputToolbar/animations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,MAAM,EAAmC,MAAM,yBAAyB,CAAA;AA6BzF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;CAAqB,CAAA;AAChD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;CAAqB,CAAA;AAIhD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;CAetB,CAAA;AASD,eAAO,MAAM,WAAW,MAAM,CAAA;AAE9B,eAAO,MAAM,YAAY,KAAK,CAAA;AAE9B,eAAO,MAAM,aAAa;;;;;;;;;CAGzB,CAAA;AAED,eAAO,MAAM,QAAQ,sDAGG,CAAA;AAKxB,eAAO,MAAM,SAAS,sDAA8B,CAAA;AACpD,eAAO,MAAM,YAAY,sDAA+B,CAAA;AAKxD,eAAO,MAAM,OAAO,sDAA0B,CAAA;AAC9C,eAAO,MAAM,UAAU,sDAA2B,CAAA;AAElD,6EAA6E;AAG7E,eAAO,MAAM,YAAY,GAAI,IAAI,MAAM,WAAoB,CAAA;AAE3D,eAAO,MAAM,UAAU,GAAI,QAAQ;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,aAAa,MAAM;;;;CAUrF,CAAA;AAEF,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAA;AAM5D,eAAO,MAAM,MAAM,sDAGC,CAAA;AACpB,eAAO,MAAM,OAAO,sDAGA,CAAA;AAEpB,eAAO,MAAM,eAAe;;;CAAqD,CAAA;AAEjF,eAAO,MAAM,WAAW;;CAAoB,CAAA"}