feat: Minor release v2.1.1

- Introduced search functionality for contacts and country selector
- Added multi-delete and selection-based contact sharing features
- Improved overall app performance and responsiveness
- Fixed various bugs for enhanced stability
- Refined and modernized user interface for a better experience

Author: BioHazard786

.github/workflows/android-release.yml

@@ -75,17 +75,44 @@ jobs:
         draft: false
         prerelease: false
         body: |
-          ## What's Changed
-          - Android release build for version ${{ steps.tag.outputs.tag }}
-          
-          ## APK Downloads
-          This release includes split APKs for different architectures:
-          - **arm64-v8a**: For modern 64-bit ARM devices (recommended for most users)
-          - **armeabi-v7a**: For older 32-bit ARM devices
-          - **x86_64**: For 64-bit x86 devices (emulators, some tablets)
-          - **x86**: For 32-bit x86 devices (older emulators)
-          
-          Download the appropriate APK for your device architecture.
+          # 🚀 Alternate ${{ steps.tag.outputs.tag }} – Feature & Improvement Release
+
+          ## ✨ What's New in ${{ steps.tag.outputs.tag }}
+
+          - **Search Functionality:**  
+            Added search for contacts and country selector for faster access.
+
+          - **Multi-Delete & Contact Sharing:**  
+            Added multi-delete and selection-based contact sharing features for easier contact management.
+
+          - **Performance Improvements:**  
+            Enhanced app speed and responsiveness.
+
+          - **Bug Fixes:**  
+            Fixed various issues for improved stability.
+
+          - **UI Enhancements:**  
+            Refined and modernized the user interface for a better experience.
+
+          ## 📦 Download Options
+
+          Choose the APK that matches your device architecture:
+
+          - **ARM64 (64-bit)** – Recommended for most modern devices  
+          - **ARM (32-bit)** – For older Android devices  
+          - **x86 (64-bit)** – For Intel-based Android devices/emulators  
+          - **x86 (32-bit)** – For older Intel-based devices  
+
+          ## 🔧 Installation
+
+          1. Download the appropriate APK for your device
+          2. Enable "Install from unknown sources" in your Android settings
+          3. Install the APK file
+
+          ## 📋 System Requirements
+
+          - Android 7.0 (API level 24) or higher
+          - Permissions: Contacts, Phone
 
     - name: Upload arm64-v8a APK
       uses: actions/upload-release-asset@v1

android/app/build.gradle

@@ -101,8 +101,8 @@ android {
         applicationId 'com.lulu786.Alternate'
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 5
-        versionName "2.0.1"
+        versionCode 6
+        versionName "2.1.1"
     }
 
     signingConfigs {

app.json

@@ -2,7 +2,7 @@
   "expo": {
     "name": "Alternate",
     "slug": "Alternate",
-    "version": "2.0.1",
+    "version": "2.1.1",
     "orientation": "portrait",
     "scheme": "alternate",
     "userInterfaceStyle": "automatic",

app/_layout.tsx

@@ -1,12 +1,13 @@
-import { CountrySelectorProvider } from "@/components/country-selector-provider";
 import ErrorBoundary from "@/components/ErrorBoundary";
 import CustomNavigationBar from "@/components/navigation-bar";
 import { useTheme } from "@/hooks/useTheme";
+import "@/services/sheets"; // Ensure sheets are registered
 import useContactStore from "@/store/contactStore";
 import { ThemeProvider } from "@react-navigation/native";
-import { router, SplashScreen, Stack } from "expo-router";
+import { SplashScreen, Stack } from "expo-router";
 import { StatusBar } from "expo-status-bar";
 import { useEffect, useState } from "react";
+import { SheetProvider } from "react-native-actions-sheet";
 import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { PaperProvider } from "react-native-paper";
 
@@ -42,27 +43,12 @@ export default function RootLayout() {
       <ErrorBoundary>
         <PaperProvider theme={paperTheme}>
           <ThemeProvider value={paperTheme}>
-            <CountrySelectorProvider>
+            <SheetProvider context="global">
               <Stack
                 screenOptions={{
                   header: (props) => <CustomNavigationBar {...props} />,
                 }}
               >
-                <Stack.Screen
-                  name="index"
-                  options={{
-                    title: "Contacts",
-                    header: (props) => (
-                      <CustomNavigationBar
-                        action={{
-                          icon: "cog",
-                          onPress: () => router.push("/settings"),
-                        }}
-                        {...props}
-                      />
-                    ),
-                  }}
-                />
                 <Stack.Screen
                   name="new-contact"
                   options={{
@@ -92,7 +78,7 @@ export default function RootLayout() {
                   }}
                 />
               </Stack>
-            </CountrySelectorProvider>
+            </SheetProvider>
           </ThemeProvider>
           <StatusBar style={paperTheme.dark ? "light" : "dark"} />
         </PaperProvider>

app/edit-contact.tsx

@@ -1,15 +1,11 @@
 import Material3Avatar from "@/components/material3-avatar";
 import PhoneNumberInput from "@/components/phone-number-input";
+import { additionalFields } from "@/constants/AdditionalFields";
 import { getAvatarColor } from "@/lib/avatar-utils";
 import { getCountryByCode } from "@/lib/countries";
 import { Contact, ContactFormData } from "@/lib/types";
 import { getFormattedDate, getVisibleFields, trimDialCode } from "@/lib/utils";
 import useContactStore from "@/store/contactStore";
-import BottomSheet, {
-  BottomSheetBackdrop,
-  BottomSheetScrollView,
-  BottomSheetView,
-} from "@gorhom/bottom-sheet";
 import { router, useLocalSearchParams } from "expo-router";
 import React, { useState } from "react";
 import { Controller, useForm } from "react-hook-form";
@@ -22,20 +18,22 @@ import {
   StyleSheet,
   View,
 } from "react-native";
+import { SheetManager } from "react-native-actions-sheet";
 import DatePicker from "react-native-date-picker";
 import {
   Button,
   HelperText,
-  List,
   Portal,
   Snackbar,
   Text,
   TextInput,
   useTheme,
 } from "react-native-paper";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 export default function EditContactScreen() {
   const theme = useTheme();
+  const insets = useSafeAreaInsets();
   const { contact: contactParam, index } = useLocalSearchParams();
 
   // Parse the contact from JSON string
@@ -58,27 +56,6 @@ export default function EditContactScreen() {
     contact?.birthday ? new Date(contact.birthday) : new Date()
   );
 
-  // Bottom sheet ref and snap points
-  const bottomSheetModalRef = React.useRef<BottomSheet>(null);
-
-  const additionalFields = [
-    { key: "prefix", label: "Prefix", icon: "account-arrow-left-outline" },
-    { key: "suffix", label: "Suffix", icon: "account-arrow-right-outline" },
-    { key: "email", label: "Email", icon: "email-outline" },
-    { key: "notes", label: "Notes", icon: "note-text-outline" },
-    { key: "website", label: "Website", icon: "link" },
-    { key: "birthday", label: "Birthday", icon: "cake-variant-outline" },
-    { key: "nickname", label: "Nickname", icon: "account-heart-outline" },
-  ];
-
-  const openBottomSheet = React.useCallback(() => {
-    bottomSheetModalRef.current?.expand();
-  }, []);
-
-  const closeBottomSheet = React.useCallback(() => {
-    bottomSheetModalRef.current?.close();
-  }, []);
-
   const [avatarBackgroundColor, avatarTextColor] = getAvatarColor(
     letter,
     theme.dark,
@@ -117,17 +94,6 @@ export default function EditContactScreen() {
 
   const onDismissSnackBar = () => setVisible(false);
 
-  const toggleField = (fieldKey: string) => {
-    const newVisibleFields = new Set(visibleFields);
-    if (newVisibleFields.has(fieldKey)) {
-      newVisibleFields.delete(fieldKey);
-    } else {
-      newVisibleFields.add(fieldKey);
-    }
-    setVisibleFields(newVisibleFields);
-    closeBottomSheet();
-  };
-
   const removeFieldAndReset = (fieldKey: string) => {
     const newVisibleFields = new Set(visibleFields);
     newVisibleFields.delete(fieldKey);
@@ -252,7 +218,7 @@ export default function EditContactScreen() {
     });
 
     if (success) {
-      router.replace("/");
+      router.dismissAll();
     } else {
       setVisible(true);
     }
@@ -272,9 +238,14 @@ export default function EditContactScreen() {
   return (
     <KeyboardAvoidingView
       behavior={Platform.OS === "ios" ? "padding" : "height"}
-      style={styles.container}
+      style={[styles.container, { paddingBottom: insets.bottom }]}
     >
-      <ScrollView contentContainerStyle={styles.scrollContent}>
+      <ScrollView
+        contentContainerStyle={[
+          styles.scrollContent,
+          { paddingBottom: insets.bottom },
+        ]}
+      >
         <View style={styles.formContainer}>
           <Material3Avatar
             letter={letter}
@@ -369,7 +340,11 @@ export default function EditContactScreen() {
           <View style={styles.buttonContainer}>
             <Button
               mode="contained-tonal"
-              onPress={openBottomSheet}
+              onPress={() =>
+                SheetManager.show("additional-field-sheet", {
+                  payload: { visibleFields, setVisibleFields },
+                })
+              }
               style={styles.addFieldButton}
               labelStyle={{ fontSize: 16 }}
               disabled={
@@ -393,59 +368,6 @@ export default function EditContactScreen() {
       </ScrollView>
 
       <Portal>
-        {/* Add Fields Bottom Sheet */}
-        <BottomSheet
-          ref={bottomSheetModalRef}
-          enableDynamicSizing={false}
-          snapPoints={["60%"]}
-          index={-1}
-          enablePanDownToClose={true}
-          backdropComponent={(props) => (
-            <BottomSheetBackdrop
-              {...props}
-              appearsOnIndex={0}
-              disappearsOnIndex={-1}
-            />
-          )}
-          backgroundStyle={[
-            { backgroundColor: theme.colors.elevation.level2 },
-            styles.bottomSheetBackground,
-          ]}
-          handleIndicatorStyle={{
-            backgroundColor: theme.colors.onSurfaceVariant,
-          }}
-        >
-          <BottomSheetView
-            style={[
-              styles.header,
-              {
-                borderBottomColor: theme.colors.outline,
-                backgroundColor: theme.colors.elevation.level2,
-              },
-            ]}
-          >
-            <Text
-              variant="headlineSmall"
-              style={[styles.title, { color: theme.colors.onSurface }]}
-            >
-              Choose fields to add
-            </Text>
-          </BottomSheetView>
-          <BottomSheetScrollView style={styles.bottomSheetContent}>
-            {additionalFields
-              .filter((field) => !visibleFields.has(field.key))
-              .map((field, index) => (
-                <List.Item
-                  key={field.key}
-                  title={field.label}
-                  left={() => <List.Icon icon={field.icon} />}
-                  onPress={() => toggleField(field.key)}
-                  style={styles.list}
-                />
-              ))}
-          </BottomSheetScrollView>
-        </BottomSheet>
-
         <Snackbar
           visible={visible}
           onDismiss={onDismissSnackBar}
@@ -459,13 +381,6 @@ export default function EditContactScreen() {
         >
           {updateError || "An error occurred"}
         </Snackbar>
-        {/* <Dialog visible={visible} onDismiss={hideDialog}>
-          <Dialog.Icon icon="alert" />
-          <Dialog.Title >This is a title</Dialog.Title>
-          <Dialog.Content>
-            <Text variant="bodyMedium">This is simple dialog</Text>
-          </Dialog.Content>
-        </Dialog> */}
       </Portal>
     </KeyboardAvoidingView>
   );
@@ -481,7 +396,6 @@ const styles = StyleSheet.create({
   },
   formContainer: {
     flex: 1,
-    padding: 16,
     paddingHorizontal: 16,
     gap: 16,
   },