react-native-salespanda 0.4.2 → 0.4.4

package/src/screens/CRMScreen.tsx

@@ -1,34 +0,0 @@
-import { View, Text, StyleSheet, ScrollView } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
-import { Colors } from '../constants/Colors';
-
-export default function CRMScreen() {
-  return (
-    <SafeAreaView style={styles.container} edges={['bottom']}>
-      <View style={styles.header}>
-        <Text style={styles.headerTitle}>CRM</Text>
-      </View>
-      <ScrollView style={styles.scrollView} />
-    </SafeAreaView>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.background,
-  },
-  header: {
-    backgroundColor: Colors.white,
-    padding: 16,
-  },
-  headerTitle: {
-    fontSize: 20,
-    fontWeight: '600',
-    color: Colors.black,
-    textAlign: 'center',
-  },
-  scrollView: {
-    flex: 1,
-  },
-});

package/src/screens/HomeScreen.tsx

@@ -1,201 +0,0 @@
-import React from 'react';
-import {
-  View,
-  Text,
-  StyleSheet,
-  TouchableOpacity,
-  ScrollView,
-  Image,
-  FlatList,
-  Dimensions,
-} from 'react-native';
-import { Colors } from '../constants/Colors';
-
-interface MenuItemProps {
-  title: string;
-  icon: string;
-  onPress?: () => void;
-}
-
-const MenuItem: React.FC<MenuItemProps> = ({ title, icon, onPress }) => {
-  return (
-    <TouchableOpacity style={styles.menuItem} onPress={onPress}>
-      <View style={styles.iconContainer}>
-        <Text style={styles.iconText}>{icon}</Text>
-      </View>
-      <Text style={styles.menuItemText}>{title}</Text>
-    </TouchableOpacity>
-  );
-};
-
-export default function HomeScreen() {
-  const images = [
-    'https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?q=80&w=1200&auto=format&fit=crop',
-    'https://images.unsplash.com/photo-1482192596544-9eb780fc7f66?q=80&w=1200&auto=format&fit=crop',
-    'https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=1200&auto=format&fit=crop',
-    'https://images.unsplash.com/photo-1501785888041-af3ef285b470?q=80&w=1200&auto=format&fit=crop',
-    'https://images.unsplash.com/photo-1460353581641-37baddab0fa2?q=80&w=1200&auto=format&fit=crop',
-    'https://images.unsplash.com/photo-1496302662116-35cc4f36df92?q=80&w=1200&auto=format&fit=crop',
-  ];
-  const screenWidth = Dimensions.get('window').width;
-  const [activeIndex, setActiveIndex] = React.useState(0);
-  const flatListRef = React.useRef<any>(null);
-
-  const handleMomentumScrollEnd = (e: any) => {
-    const offsetX = e.nativeEvent.contentOffset.x;
-    const index = Math.round(offsetX / screenWidth);
-    setActiveIndex(index);
-  };
-  React.useEffect(() => {
-    const id = setInterval(() => {
-      setActiveIndex((prev) => {
-        const next = (prev + 1) % images.length;
-        if (flatListRef.current) {
-          try {
-            flatListRef.current.scrollToIndex({ index: next, animated: true });
-          } catch {
-            // ignore scroll failures
-          }
-        }
-        return next;
-      });
-    }, 2500);
-    return () => clearInterval(id);
-  }, [images.length]);
-
-  return (
-    <ScrollView style={styles.scrollView}>
-      {/* Edge-to-edge Image Carousel */}
-      <View style={styles.carouselContainer}>
-        <FlatList
-          ref={flatListRef}
-          data={images}
-          keyExtractor={(_, idx) => `${idx}`}
-          renderItem={({ item }) => (
-            <Image
-              source={{ uri: item }}
-              style={[styles.carouselImage, { width: screenWidth }]}
-            />
-          )}
-          horizontal
-          pagingEnabled
-          showsHorizontalScrollIndicator={false}
-          onMomentumScrollEnd={handleMomentumScrollEnd}
-          getItemLayout={(_, index) => ({
-            length: screenWidth,
-            offset: screenWidth * index,
-            index,
-          })}
-        />
-        {/* Overlay Indicators at bottom of the image */}
-        <View style={styles.carouselIndicatorsOverlay}>
-          {images.map((_, idx) => (
-            <View
-              key={idx}
-              style={[
-                styles.indicator,
-                idx === activeIndex ? styles.activeIndicator : null,
-              ]}
-            />
-          ))}
-        </View>
-      </View>
-
-      {/* Menu Grid */}
-      <View style={styles.menuGrid}>
-        <MenuItem title="Content Library" icon="📚" />
-        <MenuItem title="Buy Now" icon="🛒" />
-        <MenuItem title="Quiz & Calculator" icon="🧮" />
-
-        <MenuItem title="Social Setup" icon="📢" />
-        <MenuItem title="Microsite Setup" icon="⚙️" />
-        <MenuItem title="Proposal" icon="📋" />
-
-        <MenuItem title="Email Campaign" icon="📧" />
-        <MenuItem title="View Microsite" icon="🎵" />
-        <MenuItem title="Import Contact" icon="📄" />
-
-        <MenuItem title="Poster Of The Week" icon="🖼️" />
-        <MenuItem title="DigiCard" icon="👤" />
-        <MenuItem title="Help Videos" icon="❓" />
-      </View>
-    </ScrollView>
-  );
-}
-
-const styles = StyleSheet.create({
-  scrollView: {
-    flex: 1,
-    backgroundColor: Colors.white,
-  },
-  carouselContainer: {
-    width: '100%',
-    backgroundColor: Colors.white, // subtle backplate for image load
-    position: 'relative',
-  },
-  carouselImage: {
-    height: 200,
-    resizeMode: 'cover',
-  },
-  carouselIndicatorsOverlay: {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    bottom: 12,
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  indicator: {
-    width: 8,
-    height: 8,
-    borderRadius: 4,
-    backgroundColor: Colors.divider,
-    marginHorizontal: 4,
-  },
-  activeIndicator: {
-    backgroundColor: Colors.white,
-    width: 24,
-  },
-  menuGrid: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    padding: 8,
-    justifyContent: 'space-between',
-  },
-  menuItem: {
-    width: '31%',
-    aspectRatio: 1,
-    backgroundColor: Colors.white,
-    borderRadius: 16,
-    padding: 12,
-    marginBottom: 12,
-    alignItems: 'center',
-    justifyContent: 'center',
-    shadowColor: Colors.black,
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.1,
-    shadowRadius: 4,
-    elevation: 3,
-    borderWidth: 1,
-    borderColor: Colors.border,
-  },
-  iconContainer: {
-    width: 50,
-    height: 50,
-    borderRadius: 25,
-    backgroundColor: Colors.divider,
-    justifyContent: 'center',
-    alignItems: 'center',
-    marginBottom: 8,
-  },
-  iconText: {
-    fontSize: 24,
-  },
-  menuItemText: {
-    fontSize: 11,
-    textAlign: 'center',
-    color: Colors.black,
-    fontWeight: '500',
-  },
-});

package/src/screens/NotificationsScreen.tsx

@@ -1,34 +0,0 @@
-import { View, Text, StyleSheet, ScrollView } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
-import { Colors } from '../constants/Colors';
-
-export default function NotificationsScreen() {
-  return (
-    <SafeAreaView style={styles.container} edges={['bottom']}>
-      <View style={styles.header}>
-        <Text style={styles.headerTitle}>Notification</Text>
-      </View>
-      <ScrollView style={styles.scrollView} />
-    </SafeAreaView>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.background,
-  },
-  header: {
-    backgroundColor: Colors.white,
-    padding: 16,
-  },
-  headerTitle: {
-    fontSize: 20,
-    fontWeight: '600',
-    color: Colors.black,
-    textAlign: 'center',
-  },
-  scrollView: {
-    flex: 1,
-  },
-});

package/src/screens/ProfileScreen.tsx

@@ -1,34 +0,0 @@
-import { View, Text, StyleSheet, ScrollView } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
-import { Colors } from '../constants/Colors';
-
-export default function ProfileScreen() {
-  return (
-    <SafeAreaView style={styles.container} edges={['bottom']}>
-      <View style={styles.header}>
-        <Text style={styles.headerTitle}>Anyaltics</Text>
-      </View>
-      <ScrollView style={styles.scrollView} />
-    </SafeAreaView>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.background,
-  },
-  header: {
-    backgroundColor: Colors.white,
-    padding: 16,
-  },
-  headerTitle: {
-    fontSize: 20,
-    fontWeight: '600',
-    color: Colors.black,
-    textAlign: 'center',
-  },
-  scrollView: {
-    flex: 1,
-  },
-});