react-native-salespanda 0.7.7 → 0.8.0

package/src/screens/Tabs/CRMScreen.tsx

@@ -1,381 +0,0 @@
-import { useState } from 'react';
-import {
-  StyleSheet,
-  ScrollView,
-  View,
-  Text,
-  TouchableOpacity,
-} from 'react-native';
-import { scale, verticalScale, moderateScale } from 'react-native-size-matters';
-import { SafeAreaView } from 'react-native-safe-area-context';
-import { Colors } from '../../constants/Colors';
-import { SearchBar } from '../../components/SearchBar';
-import { ContactViaModal } from '../../components/ContactViaModal';
-import { useNavigation } from '@react-navigation/native';
-import type { NativeStackNavigationProp } from '@react-navigation/native-stack';
-import type { RootStackParamList } from '../../navigation/StackNavigator';
-import {
-  FilterDropdown,
-  TopTabs,
-  InfoCard,
-  CategoryTabs,
-  FunnelChart,
-  ContactItem,
-  LeadCard,
-  AddContactModal,
-} from '../CRM';
-import TabsHeader from '../../components/TabsHeader';
-
-type CRMScreenNavigationProp = NativeStackNavigationProp<RootStackParamList>;
-
-const CRMScreen: React.FC = () => {
-  const navigation = useNavigation<CRMScreenNavigationProp>();
-  const [selectedTab, setSelectedTab] = useState<
-    'leads' | 'prospects' | 'contacts'
-  >('leads');
-  const [selectedCategory, setSelectedCategory] = useState<
-    'all' | 'followUp' | 'new' | 'engaged'
-  >('all');
-  const [showAddContactModal, setShowAddContactModal] = useState(false);
-  const [showContactViaModal, setShowContactViaModal] = useState(false);
-  const [selectedContact, setSelectedContact] = useState<any>(null);
-
-  const tabCounts = {
-    leads: 44,
-    prospects: 11,
-    contacts: 1865,
-  };
-
-  const funnelData = {
-    followUp: 11,
-    new: 44,
-    engaged: 0,
-    deal: 0,
-    quoteSent: 0,
-    won: 0,
-    dropped: 0,
-  };
-
-  // Sample data for contacts (with phone numbers)
-  const contactsData = [
-    {
-      name: 'Amit',
-      phone: '7677777700',
-      email: 'amitjai@icc.com',
-      avatarColor: '#C8A4C8',
-      avatarInitial: 'A',
-    },
-    {
-      name: 'Hari',
-      phone: '9797445501',
-      email: 'harikapoor@icc.com',
-      avatarColor: '#8B7C93',
-      avatarInitial: 'H',
-    },
-    {
-      name: 'Garry Kumar',
-      phone: '7878565601',
-      email: '',
-      avatarColor: '#C8A4C8',
-      avatarInitial: 'G',
-    },
-    {
-      name: 'rishabh sharma',
-      phone: '08006760073',
-      email: 'rishabh.sharma.for.me@gmail.com',
-      avatarColor: '#D4E4B4',
-      avatarInitial: 'R',
-    },
-    {
-      name: 'kumara lafosa',
-      phone: '6658388899',
-      email: 'kumara@mail.com',
-      avatarColor: '#B4D4E4',
-      avatarInitial: 'K',
-    },
-    {
-      name: 'raghvendra vashisht',
-      phone: '6987236496',
-      email: 'raghavendra@mail.com',
-      avatarColor: '#F4C4A4',
-      avatarInitial: 'R',
-    },
-    {
-      name: 'rishabh kumaea',
-      phone: '8923764268',
-      email: 'rishi@mail.com',
-      avatarColor: '#C8A4C8',
-      avatarInitial: 'R',
-    },
-  ];
-  const prospectsData = [
-    {
-      name: 'Harry Sharma',
-      description: 'Harry Sharma just visited your  microsite',
-      avatarColor: '#C84B9E',
-      avatarInitial: 'H',
-    },
-    {
-      name: 'Alfred Jones',
-      description: 'Alfred Jones just visited your  microsite',
-      avatarColor: '#8B7C93',
-      avatarInitial: 'A',
-    },
-    {
-      name: 'Mahendra Jee',
-      description: 'The prospect is added manually.',
-      avatarColor: '#C84B9E',
-      avatarInitial: 'M',
-    },
-    {
-      name: 'Rraghav Vohra',
-      description:
-        'Rraghav Vohra just visited your  microsite  by clicking on the content Auto Email "Rraghav\'s Indirect Template Technochimes 13th May"',
-      avatarColor: '#9BC75C',
-      avatarInitial: 'R',
-    },
-    {
-      name: 'Mike Jordan',
-      description:
-        'Mike Jordan just visited your  microsite  by clicking on the content Auto Email "Rraghav\'s Indirect Template Technochimes 13th May"',
-      avatarColor: '#5CB7C7',
-      avatarInitial: 'M',
-    },
-  ];
-
-  // Sample data for leads
-  const leadsData = {
-    new: [
-      {
-        name: 'Richa Jaiswall',
-        email: 'richa.jaiswal@salespanda.com',
-        description: 'Last visited your microsite and filled a Lead.',
-        timestamp: '10-Nov-2025 03:42 PM',
-      },
-      {
-        name: 'Amit',
-        email: 'amitjai@icc.com',
-        description: 'Last visited your microsite and filled a Lead.',
-        timestamp: '18-Sep-2025 11:48 AM',
-      },
-    ],
-    followUp: [
-      {
-        name: 'Harry Sharma',
-        email: 'harish.sharma@salespanda.com',
-        description: 'Last visited your microsite.',
-        timestamp: '27-Jun-2025 06:47 PM',
-      },
-      {
-        name: 'Alfred Jones',
-        email: 'alfred.jones@salespanda.com',
-        description: 'Last visited your microsite.',
-        timestamp: '15-May-2025 12:11 PM',
-      },
-    ],
-  };
-
-  const renderContent = () => {
-    // Prospects tab - always show contact list
-    if (selectedTab === 'prospects') {
-      return (
-        <>
-          <SearchBar placeholder="Search by name" />
-          {prospectsData.map((contact, index) => (
-            <ContactItem
-              key={index}
-              {...contact}
-              showActionButtons={true}
-              onReminderPress={() => console.log('Reminder:', contact.name)}
-              onCallPress={() => {
-                navigation.navigate('LogCall', {
-                  contact: {
-                    name: contact.name,
-                    avatarInitial: contact.avatarInitial,
-                    avatarColor: contact.avatarColor,
-                  },
-                });
-              }}
-              onMenuPress={() => {
-                setSelectedContact(contact);
-                setShowContactViaModal(true);
-              }}
-            />
-          ))}
-        </>
-      );
-    }
-
-    // Leads tab - show different content based on category
-    if (selectedTab === 'leads') {
-      // Show funnel chart only when "All" is selected
-      if (selectedCategory === 'all') {
-        return (
-          <>
-            <InfoCard />
-            <CategoryTabs
-              selectedCategory={selectedCategory}
-              onSelectCategory={setSelectedCategory}
-            />
-            <FunnelChart data={funnelData} totalLeads={55} />
-          </>
-        );
-      }
-
-      // Show lead cards for specific categories
-      const categoryData =
-        selectedCategory === 'new'
-          ? leadsData.new
-          : selectedCategory === 'followUp'
-            ? leadsData.followUp
-            : [];
-
-      return (
-        <>
-          <InfoCard />
-          <CategoryTabs
-            selectedCategory={selectedCategory}
-            onSelectCategory={setSelectedCategory}
-          />
-          <View style={styles.totalLeads}>
-            <Text style={styles.totalLeadsText}>
-              Total Leads: {categoryData.length}
-            </Text>
-          </View>
-          {categoryData.map((lead, index) => (
-            <LeadCard key={index} {...lead} />
-          ))}
-        </>
-      );
-    }
-
-    if (selectedTab === 'contacts') {
-      return (
-        <>
-          <SearchBar placeholder="Search by name, number.." />
-          {contactsData.map((contact, index) => (
-            <ContactItem key={index} {...contact} showCheckbox={true} />
-          ))}
-        </>
-      );
-    }
-
-    return null;
-  };
-
-  return (
-    <SafeAreaView style={styles.container} edges={['top', 'bottom']}>
-      <TabsHeader title="CRM" rightSlot={<FilterDropdown />} />
-
-      <TopTabs
-        selectedTab={selectedTab}
-        onSelectTab={setSelectedTab}
-        counts={tabCounts}
-      />
-
-      <ScrollView style={styles.scrollView}>{renderContent()}</ScrollView>
-
-      {selectedTab === 'contacts' && (
-        <TouchableOpacity
-          style={styles.fab}
-          onPress={() => setShowAddContactModal(true)}
-        >
-          <Text style={styles.fabIcon}>+</Text>
-        </TouchableOpacity>
-      )}
-
-      <AddContactModal
-        visible={showAddContactModal}
-        onClose={() => setShowAddContactModal(false)}
-        onAddManually={() => {
-          // Navigate to add manually screen
-          console.log('Add manually');
-        }}
-        onUploadGmail={() => {
-          // Handle Gmail contact import
-          console.log('Upload Gmail');
-        }}
-        onUploadPhonebook={() => {
-          // Handle phonebook import
-          console.log('Upload Phonebook');
-        }}
-        onUploadCSV={() => {
-          // Handle CSV upload
-          console.log('Upload CSV');
-        }}
-      />
-
-      <ContactViaModal
-        visible={showContactViaModal}
-        onClose={() => setShowContactViaModal(false)}
-        onCall={() => {
-          console.log('Call:', selectedContact?.name);
-          // Handle call
-        }}
-        onWhatsapp={() => {
-          console.log('WhatsApp:', selectedContact?.name);
-          // Handle WhatsApp
-        }}
-        onEmail={() => {
-          console.log('Email:', selectedContact?.name);
-          // Handle email
-        }}
-        onSMS={() => {
-          console.log('SMS:', selectedContact?.name);
-          // Handle SMS
-        }}
-        onAddTask={() => {
-          console.log('Add Task for:', selectedContact?.name);
-          // Navigate to add task screen
-        }}
-        onAddNote={() => {
-          console.log('Add Note for:', selectedContact?.name);
-          // Navigate to add note screen
-        }}
-      />
-    </SafeAreaView>
-  );
-};
-
-export default CRMScreen;
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.background,
-  },
-  scrollView: {
-    flex: 1,
-  },
-  totalLeads: {
-    paddingHorizontal: scale(16),
-    paddingVertical: verticalScale(12),
-    backgroundColor: Colors.white,
-  },
-  totalLeadsText: {
-    fontSize: moderateScale(16),
-    fontWeight: '700',
-    color: Colors.black,
-  },
-  fab: {
-    position: 'absolute',
-    right: scale(16),
-    bottom: verticalScale(10),
-    width: scale(46),
-    height: scale(46),
-    borderRadius: moderateScale(28),
-    backgroundColor: '#46bdd3',
-    justifyContent: 'center',
-    alignItems: 'center',
-    shadowColor: Colors.black,
-    shadowOffset: { width: 0, height: verticalScale(4) },
-    shadowOpacity: 0.3,
-    shadowRadius: moderateScale(8),
-    elevation: 8,
-  },
-  fabIcon: {
-    fontSize: moderateScale(32),
-    color: Colors.white,
-    fontWeight: '300',
-  },
-});

package/src/screens/Tabs/DigitalDiary.tsx

@@ -1,35 +0,0 @@
-import { ScrollView, StyleSheet, Text } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
-import { Colors } from '../../constants/Colors';
-import TabsHeader from '../../components/TabsHeader';
-
-const DigitalDiary: React.FC = () => {
-  return (
-    <SafeAreaView style={styles.container} edges={['top', 'bottom']}>
-      <TabsHeader title="Digital Diary" />
-      <ScrollView contentContainerStyle={styles.content}>
-        <Text style={styles.placeholder}>
-          Digital Diary content coming soon.
-        </Text>
-      </ScrollView>
-    </SafeAreaView>
-  );
-};
-
-export default DigitalDiary;
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.background,
-  },
-  content: {
-    flexGrow: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: 24,
-  },
-  placeholder: {
-    color: Colors.black50,
-  },
-});