[🐴] Empty chat prompt (#4132)

* Add empty chat pill

* Tweak padding

* move to `components`, place inside `KeyboardStickyView`

* cleanup unused vars

* add a new animation type

* (unrelated) add haptic to long press

* adjust shrink and pop

---------

Co-authored-by: Hailey <me@haileyok.com>

1 files changed, 27 insertions, 0 deletions

diff --git a/src/lib/custom-animations/ShrinkAndPop.ts b/src/lib/custom-animations/ShrinkAndPop.ts
new file mode 100644
index 000000000..ea2386c14
--- /dev/null
+++ b/src/lib/custom-animations/ShrinkAndPop.ts
@@ -0,0 +1,27 @@
+import {withDelay, withSequence, withTiming} from 'react-native-reanimated'
+
+export function ShrinkAndPop() {
+  'worklet'
+
+  const animations = {
+    opacity: withDelay(125, withTiming(0, {duration: 125})),
+    transform: [
+      {
+        scale: withSequence(
+          withTiming(0.7, {duration: 75}),
+          withTiming(1.1, {duration: 150}),
+        ),
+      },
+    ],
+  }
+
+  const initialValues = {
+    opacity: 1,
+    transform: [{scale: 1}],
+  }
+
+  return {
+    animations,
+    initialValues,
+  }
+}