react-native-salespanda 0.6.0 → 0.7.1

package/src/navigation/BottomTabNavigator.tsx

@@ -1,181 +0,0 @@
-import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-import { View, Image, StyleSheet } from 'react-native';
-import { scale, verticalScale, moderateScale } from 'react-native-size-matters';
-import HomeScreen from '../screens/Tabs/HomeScreen';
-import ReportsScreen from '../screens/ReportsScreen';
-import { SafeAreaView } from 'react-native-safe-area-context';
-import { Colors } from '../constants/Colors';
-import {
-  analyticsIcon,
-  analyticsIconActive,
-  crmIcon,
-  crmIconActive,
-  diaryIcon,
-  diaryIconActive,
-  homeIcon,
-  homeIconActive,
-  notificationIcon,
-  notificationIconActive,
-} from '../assets/images';
-import CRMScreen from '../screens/Tabs/CRMScreen';
-import NotificationsScreen from '../screens/Tabs/NotificationsScreen';
-import { useNavigation } from '@react-navigation/native';
-import ActivityAnalytics from '../screens/Tabs/ActivityAnalytics';
-
-export type BottomTabParamList = {
-  'Home': undefined;
-  'CRM': undefined;
-  'Reports': undefined;
-  'Notifications': undefined;
-  'Activity Analytics': undefined;
-};
-
-const Tab = createBottomTabNavigator<BottomTabParamList>();
-
-interface TabIconProps {
-  focused: boolean;
-  size: number;
-}
-
-interface ImageIconProps {
-  inactive: any;
-  active: any;
-}
-
-const ImageIcon = ({ inactive, active }: ImageIconProps) => {
-  return ({ focused, size }: TabIconProps) => {
-    if (focused) {
-      return (
-        <View style={styles.activeIconContainer}>
-          <Image
-            source={active}
-            resizeMode="contain"
-            style={styles.activeIcon}
-          />
-        </View>
-      );
-    }
-    return (
-      <Image
-        source={inactive}
-        resizeMode="contain"
-        style={[styles.inactiveIcon, { width: size, height: size }]}
-      />
-    );
-  };
-};
-
-const BottomTabNavigator: React.FC = () => {
-  const navigation = useNavigation();
-
-  return (
-    <SafeAreaView style={styles.container} edges={['bottom']}>
-      <Tab.Navigator
-        screenOptions={{
-          headerShown: false,
-          sceneStyle: { backgroundColor: Colors.background },
-          tabBarShowLabel: false,
-          tabBarStyle: styles.tabBar,
-          tabBarItemStyle: { overflow: 'visible' },
-        }}
-        screenListeners={{
-          state: (e) => {
-            const state = e.data.state;
-            if (state && state.routes && state.index !== undefined) {
-              const currentRoute = state.routes[state.index];
-              if (currentRoute) {
-                const tabName = currentRoute.name;
-
-                // Update the drawer header title based on current tab
-                navigation.setOptions({
-                  title: tabName,
-                });
-              }
-            }
-          },
-        }}
-      >
-        <Tab.Screen
-          name="Home"
-          component={HomeScreen}
-          options={{
-            tabBarIcon: ImageIcon({
-              inactive: homeIcon,
-              active: homeIconActive,
-            }),
-          }}
-        />
-        <Tab.Screen
-          name="CRM"
-          component={CRMScreen}
-          options={{
-            tabBarIcon: ImageIcon({ inactive: crmIcon, active: crmIconActive }),
-          }}
-        />
-        <Tab.Screen
-          name="Reports"
-          component={ReportsScreen}
-          options={{
-            tabBarIcon: ImageIcon({
-              inactive: diaryIcon,
-              active: diaryIconActive,
-            }),
-          }}
-        />
-        <Tab.Screen
-          name="Notifications"
-          component={NotificationsScreen}
-          options={{
-            tabBarIcon: ImageIcon({
-              inactive: notificationIcon,
-              active: notificationIconActive,
-            }),
-          }}
-        />
-        <Tab.Screen
-          name="Activity Analytics"
-          component={ActivityAnalytics}
-          options={{
-            tabBarIcon: ImageIcon({
-              inactive: analyticsIcon,
-              active: analyticsIconActive,
-            }),
-          }}
-        />
-      </Tab.Navigator>
-    </SafeAreaView>
-  );
-};
-
-export default BottomTabNavigator;
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.background,
-  },
-  tabBar: {
-    borderTopWidth: 1,
-    borderTopColor: Colors.border,
-    backgroundColor: Colors.white,
-    height: verticalScale(40),
-  },
-  activeIconContainer: {
-    width: scale(48),
-    height: scale(48),
-    borderRadius: moderateScale(24),
-    alignItems: 'center',
-    justifyContent: 'center',
-    borderWidth: 4,
-    borderColor: Colors.white,
-    transform: [{ translateY: verticalScale(-6) }],
-  },
-  activeIcon: {
-    width: scale(42),
-    height: scale(42),
-    tintColor: Colors.primary,
-  },
-  inactiveIcon: {
-    tintColor: Colors.black30,
-  },
-});

package/src/navigation/DrawerNavigator.tsx

@@ -1,306 +0,0 @@
-import * as React from 'react';
-import { createDrawerNavigator } from '@react-navigation/drawer';
-import {
-  View,
-  Text,
-  StyleSheet,
-  TouchableOpacity,
-  Image,
-  ScrollView,
-} from 'react-native';
-import { scale, verticalScale, moderateScale } from 'react-native-size-matters';
-import BottomTabNavigator from './BottomTabNavigator';
-import { Colors } from '../constants/Colors';
-import ProfileScreen from '../screens/Tabs/ActivityAnalytics';
-import { GetPlatform } from '../constants/GetPlatorm';
-
-const Drawer = createDrawerNavigator();
-
-interface DrawerItemProps {
-  label: string;
-  onPress: () => void;
-  active?: boolean;
-}
-
-const DrawerItem: React.FC<DrawerItemProps> = ({
-  label,
-  onPress,
-  active = false,
-}) => {
-  return (
-    <TouchableOpacity
-      style={[styles.drawerItem, active && styles.activeDrawerItem]}
-      onPress={onPress}
-    >
-      <Text style={[styles.drawerLabel, active && styles.activeDrawerLabel]}>
-        {label}
-      </Text>
-    </TouchableOpacity>
-  );
-};
-
-interface CustomDrawerContentProps {
-  navigation: any;
-  state?: any;
-}
-
-const CustomDrawerContent: React.FC<CustomDrawerContentProps> = ({
-  navigation,
-}) => {
-  const [expanded, setExpanded] = React.useState<Record<string, boolean>>({
-    'Campaign': false,
-    'Sales WAR Room': false,
-    'Pipeline': false,
-  });
-  const toggle = (key: string) =>
-    setExpanded((prev) => ({ ...prev, [key]: !prev[key] }));
-
-  const groups: Array<{
-    label: string;
-    children?: Array<{ label: string; onPress: () => void }>;
-    onPress?: () => void;
-  }> = [
-    { label: 'Content Library', onPress: () => {} },
-    {
-      label: 'Campaign',
-      children: [
-        { label: 'Run Campaign', onPress: () => {} },
-        { label: 'List', onPress: () => {} },
-      ],
-    },
-    { label: 'My Activity', onPress: () => {} },
-    { label: 'DigiCard', onPress: () => {} },
-    { label: 'My Profile', onPress: () => navigation.navigate('Profile') },
-    {
-      label: 'Sales WAR Room',
-      children: [
-        { label: 'Forms & Brochures', onPress: () => {} },
-        { label: 'CXO Announcements', onPress: () => {} },
-        { label: 'Training/Sales Content', onPress: () => {} },
-      ],
-    },
-    { label: 'Tasks', onPress: () => {} },
-    { label: 'Import Phone Contacts', onPress: () => {} },
-    {
-      label: 'Pipeline',
-      children: [
-        { label: 'Leads', onPress: () => {} },
-        { label: 'Contacts', onPress: () => {} },
-        { label: 'Email Activity', onPress: () => {} },
-      ],
-    },
-    { label: 'Notification', onPress: () => {} },
-    { label: 'Settings', onPress: () => {} },
-    { label: 'Help & Support', onPress: () => {} },
-  ];
-
-  return (
-    <View style={styles.drawerContainer}>
-      <ScrollView
-        style={styles.drawerContent}
-        showsVerticalScrollIndicator={false}
-      >
-        <View style={styles.drawerHeader}>
-          <View style={styles.headerRow}>
-            <Image
-              source={{ uri: 'https://via.placeholder.com/80x80' }}
-              style={styles.drawerAvatar}
-            />
-            <View style={styles.headerTextCol}>
-              <Text style={styles.drawerName}>Eduuu Parrtner</Text>
-              <TouchableOpacity style={styles.badgeButton}>
-                <Text style={styles.badgeText}>Go to Microsite</Text>
-              </TouchableOpacity>
-            </View>
-          </View>
-        </View>
-        {groups.map((group, index) => {
-          const hasChildren =
-            Array.isArray(group.children) && group.children.length > 0;
-          if (!hasChildren) {
-            return (
-              <View key={group.label}>
-                {index > 0 ? <View style={styles.drawerDivider} /> : null}
-                <DrawerItem
-                  label={group.label}
-                  onPress={group.onPress ?? (() => {})}
-                />
-              </View>
-            );
-          }
-          const isOpen = !!expanded[group.label];
-          return (
-            <View key={group.label}>
-              {index > 0 ? <View style={styles.drawerDivider} /> : null}
-              <TouchableOpacity
-                style={styles.drawerItem}
-                onPress={() => toggle(group.label)}
-                activeOpacity={0.7}
-              >
-                <Text style={[styles.drawerLabel, styles.flexOne]}>
-                  {group.label}
-                </Text>
-                <Text style={styles.chevron}>{isOpen ? '▾' : '▸'}</Text>
-              </TouchableOpacity>
-              {isOpen &&
-                group.children!.map((child, cIdx) => (
-                  <View key={child.label}>
-                    {cIdx > 0 ? <View style={styles.drawerDivider} /> : null}
-                    <TouchableOpacity
-                      style={styles.childItem}
-                      onPress={child.onPress}
-                    >
-                      <Text style={styles.childLabel}>{child.label}</Text>
-                    </TouchableOpacity>
-                  </View>
-                ))}
-            </View>
-          );
-        })}
-      </ScrollView>
-    </View>
-  );
-};
-
-const renderDrawerContent = (props: any) => {
-  return <CustomDrawerContent navigation={props.navigation} />;
-};
-
-const DrawerNavigator: React.FC = () => {
-  return (
-    <Drawer.Navigator
-      drawerContent={renderDrawerContent}
-      screenOptions={{
-        headerShown: false,
-        drawerType: 'slide',
-        swipeEdgeWidth: 100,
-        drawerStyle: {
-          width: scale(280),
-          backgroundColor: Colors.primary,
-        },
-        headerStyle: {
-          backgroundColor: Colors.white,
-        },
-        headerTintColor: Colors.primary,
-        headerTitleAlign: 'left',
-        headerTitleStyle: {
-          fontWeight: '600',
-          color: Colors.black,
-        },
-      }}
-    >
-      <Drawer.Screen
-        name="HomeTabs"
-        component={BottomTabNavigator}
-        options={{
-          title: 'Home Page',
-        }}
-      />
-      <Drawer.Screen
-        name="Profile"
-        component={ProfileScreen}
-        options={{
-          title: 'Profile',
-        }}
-      />
-    </Drawer.Navigator>
-  );
-};
-
-export default DrawerNavigator;
-
-const styles = StyleSheet.create({
-  drawerContainer: {
-    flex: 1,
-    backgroundColor: Colors.primary,
-  },
-  drawerHeader: {
-    backgroundColor: Colors.primary,
-    paddingHorizontal: scale(20),
-    paddingTop: verticalScale(36),
-    paddingBottom: verticalScale(16),
-    alignItems: 'flex-start',
-  },
-  headerRow: {
-    width: '100%',
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginTop: GetPlatform(verticalScale(20), 0),
-  },
-  drawerAvatar: {
-    width: scale(60),
-    height: scale(60),
-    borderRadius: moderateScale(40),
-    marginRight: scale(14),
-    borderWidth: 2,
-    borderColor: Colors.black30,
-  },
-  headerTextCol: {
-    flex: 1,
-    justifyContent: 'center',
-  },
-  drawerName: {
-    fontSize: moderateScale(20),
-    fontWeight: '600',
-    color: Colors.white,
-    marginBottom: verticalScale(10),
-  },
-  badgeButton: {
-    borderWidth: 1,
-    borderColor: Colors.white,
-    paddingHorizontal: scale(12),
-    paddingVertical: verticalScale(6),
-    borderRadius: moderateScale(16),
-    alignSelf: 'flex-start',
-  },
-  badgeText: {
-    color: Colors.white,
-    fontSize: moderateScale(12),
-    fontWeight: '500',
-  },
-  drawerContent: {
-    flex: 1,
-    paddingTop: verticalScale(8),
-  },
-  drawerItem: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: scale(10),
-    paddingHorizontal: scale(20),
-  },
-  activeDrawerItem: {
-    backgroundColor: 'rgba(255,255,255,0.08)',
-    borderLeftWidth: 0,
-  },
-  drawerLabel: {
-    fontSize: moderateScale(16),
-    color: Colors.white,
-    fontWeight: '700',
-  },
-  activeDrawerLabel: {
-    fontWeight: '600',
-    color: Colors.white,
-  },
-  chevron: {
-    color: 'rgba(255,255,255,0.9)',
-    fontSize: moderateScale(24),
-  },
-  drawerDivider: {
-    height: 1,
-    backgroundColor: Colors.black10,
-    marginVertical: verticalScale(4),
-    marginLeft: scale(20),
-  },
-  childItem: {
-    paddingVertical: verticalScale(6),
-    paddingLeft: scale(60),
-  },
-  childLabel: {
-    fontSize: moderateScale(15),
-    color: Colors.white,
-    fontWeight: '500',
-  },
-  flexOne: {
-    flex: 1,
-  },
-});

package/src/navigation/StackNavigator.tsx

@@ -1,32 +0,0 @@
-import DrawerNavigator from './DrawerNavigator';
-import LogCallScreen from '../screens/CRM/LogCallScreen';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-export type RootStackParamList = {
-  HomeTabs: undefined;
-  LogCall: {
-    contact: {
-      name: string;
-      avatarInitial: string;
-      avatarColor: string;
-    };
-  };
-  // Add more screens here as needed
-};
-
-const Stack = createNativeStackNavigator<RootStackParamList>();
-
-const StackNavigator: React.FC = () => {
-  return (
-    <Stack.Navigator
-      screenOptions={{
-        headerShown: false,
-      }}
-    >
-      <Stack.Screen name="HomeTabs" component={DrawerNavigator} />
-      <Stack.Screen name="LogCall" component={LogCallScreen} />
-    </Stack.Navigator>
-  );
-};
-
-export default StackNavigator;

package/src/screens/CRM/AddContactModal.tsx

@@ -1,57 +0,0 @@
-import { BottomSheet, BottomSheetOption } from '../../components/BottomSheet';
-
-interface AddContactModalProps {
-  visible: boolean;
-  onClose: () => void;
-  onAddManually?: () => void;
-  onUploadGmail?: () => void;
-  onUploadPhonebook?: () => void;
-  onUploadCSV?: () => void;
-}
-
-export const AddContactModal = ({
-  visible,
-  onClose,
-  onAddManually,
-  onUploadGmail,
-  onUploadPhonebook,
-  onUploadCSV,
-}: AddContactModalProps) => {
-  return (
-    <BottomSheet visible={visible} onClose={onClose} title="Add new contact">
-      <BottomSheetOption
-        icon="⋮⋮⋮"
-        label="Add manually"
-        onPress={() => {
-          onClose();
-          onAddManually?.();
-        }}
-      />
-      <BottomSheetOption
-        icon="G"
-        label="Upload Gmail contact"
-        iconColor="#EA4335"
-        onPress={() => {
-          onClose();
-          onUploadGmail?.();
-        }}
-      />
-      <BottomSheetOption
-        icon="📱"
-        label="Upload Phonebook contacts"
-        onPress={() => {
-          onClose();
-          onUploadPhonebook?.();
-        }}
-      />
-      <BottomSheetOption
-        icon="↑"
-        label="Upload CSV"
-        onPress={() => {
-          onClose();
-          onUploadCSV?.();
-        }}
-      />
-    </BottomSheet>
-  );
-};

package/src/screens/CRM/CategoryTabs.tsx

@@ -1,109 +0,0 @@
-import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
-import { scale, verticalScale, moderateScale } from 'react-native-size-matters';
-import { Colors } from '../../constants/Colors';
-
-interface CategoryTabsProps {
-  selectedCategory: 'all' | 'followUp' | 'new' | 'engaged';
-  onSelectCategory: (category: 'all' | 'followUp' | 'new' | 'engaged') => void;
-}
-
-export const CategoryTabs: React.FC<CategoryTabsProps> = ({
-  selectedCategory,
-  onSelectCategory,
-}) => {
-  return (
-    <View style={styles.categoryTabsContainer}>
-      <TouchableOpacity
-        style={[
-          styles.categoryTab,
-          selectedCategory === 'all' && styles.categoryTabActive,
-        ]}
-        onPress={() => onSelectCategory('all')}
-      >
-        <Text
-          style={[
-            styles.categoryTabText,
-            selectedCategory === 'all' && styles.categoryTabTextActive,
-          ]}
-        >
-          All
-        </Text>
-      </TouchableOpacity>
-      <TouchableOpacity
-        style={[
-          styles.categoryTab,
-          selectedCategory === 'followUp' && styles.categoryTabActive,
-        ]}
-        onPress={() => onSelectCategory('followUp')}
-      >
-        <Text
-          style={[
-            styles.categoryTabText,
-            selectedCategory === 'followUp' && styles.categoryTabTextActive,
-          ]}
-        >
-          Follow Up
-        </Text>
-      </TouchableOpacity>
-      <TouchableOpacity
-        style={[
-          styles.categoryTab,
-          selectedCategory === 'new' && styles.categoryTabActive,
-        ]}
-        onPress={() => onSelectCategory('new')}
-      >
-        <Text
-          style={[
-            styles.categoryTabText,
-            selectedCategory === 'new' && styles.categoryTabTextActive,
-          ]}
-        >
-          New
-        </Text>
-      </TouchableOpacity>
-      <TouchableOpacity
-        style={[
-          styles.categoryTab,
-          selectedCategory === 'engaged' && styles.categoryTabActive,
-        ]}
-        onPress={() => onSelectCategory('engaged')}
-      >
-        <Text
-          style={[
-            styles.categoryTabText,
-            selectedCategory === 'engaged' && styles.categoryTabTextActive,
-          ]}
-        >
-          Engaged
-        </Text>
-      </TouchableOpacity>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  categoryTabsContainer: {
-    flexDirection: 'row',
-    backgroundColor: Colors.white,
-    paddingHorizontal: scale(16),
-    paddingVertical: verticalScale(8),
-  },
-  categoryTab: {
-    flex: 1,
-    paddingVertical: verticalScale(12),
-    alignItems: 'center',
-    borderBottomWidth: 3,
-    borderBottomColor: 'transparent',
-  },
-  categoryTabActive: {
-    borderBottomColor: '#FF9800',
-  },
-  categoryTabText: {
-    fontSize: moderateScale(14),
-    fontWeight: '600',
-    color: Colors.black,
-  },
-  categoryTabTextActive: {
-    color: '#FF9800',
-  },
-});