react-native-salespanda 0.5.3 → 0.7.1

package/src/assets/images/index.js

@@ -1,11 +0,0 @@
-// Bottom Tab Icons
-export const homeIcon = require('./bottomtabs/home.png');
-export const homeIconActive = require('./bottomtabs/homeactive.png');
-export const analyticsIcon = require('./bottomtabs/analytics.png');
-export const analyticsIconActive = require('./bottomtabs/analyticsactive.png');
-export const crmIcon = require('./bottomtabs/crm.png');
-export const crmIconActive = require('./bottomtabs/crmactive.png');
-export const diaryIcon = require('./bottomtabs/diary.png');
-export const diaryIconActive = require('./bottomtabs/diaryactive.png');
-export const notificationIcon = require('./bottomtabs/notification.png');
-export const notificationIconActive = require('./bottomtabs/notificationactive.png');

package/src/assets/images/index.ts

@@ -1,40 +0,0 @@
-import type { ImageSourcePropType } from 'react-native';
-
-export const homeIcon: ImageSourcePropType = require('./bottomtabs/home.png');
-export const homeIconActive: ImageSourcePropType = require('./bottomtabs/homeactive.png');
-export const analyticsIcon: ImageSourcePropType = require('./bottomtabs/analytics.png');
-export const analyticsIconActive: ImageSourcePropType = require('./bottomtabs/analyticsactive.png');
-export const crmIcon: ImageSourcePropType = require('./bottomtabs/crm.png');
-export const crmIconActive: ImageSourcePropType = require('./bottomtabs/crmactive.png');
-export const diaryIcon: ImageSourcePropType = require('./bottomtabs/diary.png');
-export const diaryIconActive: ImageSourcePropType = require('./bottomtabs/diaryactive.png');
-export const notificationIcon: ImageSourcePropType = require('./bottomtabs/notification.png');
-export const notificationIconActive: ImageSourcePropType = require('./bottomtabs/notificationactive.png');
-
-export type IconPair = {
-  default: ImageSourcePropType;
-  active: ImageSourcePropType;
-};
-
-export const bottomTabIcons: Record<string, IconPair> = {
-  home: {
-    default: homeIcon,
-    active: homeIconActive,
-  },
-  analytics: {
-    default: analyticsIcon,
-    active: analyticsIconActive,
-  },
-  crm: {
-    default: crmIcon,
-    active: crmIconActive,
-  },
-  diary: {
-    default: diaryIcon,
-    active: diaryIconActive,
-  },
-  notification: {
-    default: notificationIcon,
-    active: notificationIconActive,
-  },
-};

package/src/components/BottomSheet.tsx

@@ -1,146 +0,0 @@
-import {
-  View,
-  Text,
-  StyleSheet,
-  Modal,
-  TouchableOpacity,
-  TouchableWithoutFeedback,
-} from 'react-native';
-import { scale, verticalScale, moderateScale } from 'react-native-size-matters';
-import { Colors } from '../constants/Colors';
-
-interface BottomSheetProps {
-  visible: boolean;
-  onClose: () => void;
-  title: string;
-  children: React.ReactNode;
-}
-
-export const BottomSheet: React.FC<BottomSheetProps> = ({
-  visible,
-  onClose,
-  title,
-  children,
-}) => {
-  return (
-    <Modal
-      visible={visible}
-      transparent
-      animationType="slide"
-      onRequestClose={onClose}
-    >
-      <TouchableWithoutFeedback onPress={onClose}>
-        <View style={styles.overlay}>
-          <TouchableWithoutFeedback>
-            <View style={styles.bottomSheet}>
-              <View style={styles.header}>
-                <Text style={styles.title}>{title}</Text>
-                <TouchableOpacity onPress={onClose} style={styles.closeButton}>
-                  <Text style={styles.closeIcon}>✕</Text>
-                </TouchableOpacity>
-              </View>
-              <View style={styles.content}>{children}</View>
-            </View>
-          </TouchableWithoutFeedback>
-        </View>
-      </TouchableWithoutFeedback>
-    </Modal>
-  );
-};
-
-interface BottomSheetOptionProps {
-  icon: string;
-  label: string;
-  onPress: () => void;
-  iconColor?: string;
-}
-
-export const BottomSheetOption: React.FC<BottomSheetOptionProps> = ({
-  icon,
-  label,
-  onPress,
-  iconColor,
-}) => {
-  return (
-    <TouchableOpacity style={styles.option} onPress={onPress}>
-      <View
-        style={[
-          styles.iconContainer,
-          iconColor && { backgroundColor: iconColor },
-        ]}
-      >
-        <Text style={styles.optionIcon}>{icon}</Text>
-      </View>
-      <Text style={styles.optionLabel}>{label}</Text>
-      <Text style={styles.arrow}>›</Text>
-    </TouchableOpacity>
-  );
-};
-
-const styles = StyleSheet.create({
-  overlay: {
-    flex: 1,
-    backgroundColor: 'rgba(0, 0, 0, 0.5)',
-    justifyContent: 'flex-end',
-  },
-  bottomSheet: {
-    backgroundColor: Colors.white,
-    borderTopLeftRadius: moderateScale(20),
-    borderTopRightRadius: moderateScale(20),
-    paddingBottom: verticalScale(30),
-  },
-  header: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    padding: scale(20),
-    borderBottomWidth: 1,
-    borderBottomColor: '#E0E0E0',
-  },
-  title: {
-    fontSize: moderateScale(20),
-    fontWeight: '700',
-    color: Colors.black,
-  },
-  closeButton: {
-    padding: scale(4),
-  },
-  closeIcon: {
-    fontSize: moderateScale(24),
-    color: Colors.black,
-  },
-  content: {
-    padding: scale(16),
-  },
-  option: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: scale(16),
-    backgroundColor: Colors.white,
-    borderWidth: 1,
-    borderColor: '#E0E0E0',
-    borderRadius: moderateScale(12),
-    marginBottom: verticalScale(12),
-  },
-  iconContainer: {
-    width: scale(30),
-    height: scale(30),
-    borderRadius: moderateScale(20),
-    justifyContent: 'center',
-    alignItems: 'center',
-    marginRight: scale(12),
-  },
-  optionIcon: {
-    fontSize: moderateScale(16),
-  },
-  optionLabel: {
-    flex: 1,
-    fontSize: moderateScale(12),
-    fontWeight: '600',
-    color: Colors.black,
-  },
-  arrow: {
-    fontSize: moderateScale(24),
-    color: '#999',
-  },
-});

package/src/components/ContactViaModal.tsx

@@ -1,80 +0,0 @@
-import { BottomSheet, BottomSheetOption } from './BottomSheet';
-
-interface ContactViaModalProps {
-  visible: boolean;
-  onClose: () => void;
-  onCall?: () => void;
-  onWhatsapp?: () => void;
-  onEmail?: () => void;
-  onSMS?: () => void;
-  onAddTask?: () => void;
-  onAddNote?: () => void;
-}
-
-export const ContactViaModal: React.FC<ContactViaModalProps> = ({
-  visible,
-  onClose,
-  onCall,
-  onWhatsapp,
-  onEmail,
-  onSMS,
-  onAddTask,
-  onAddNote,
-}) => {
-  return (
-    <BottomSheet visible={visible} onClose={onClose} title="Contact Via">
-      <BottomSheetOption
-        icon="📞"
-        label="Call"
-        iconColor="#FF6B6B"
-        onPress={() => {
-          onClose();
-          onCall?.();
-        }}
-      />
-      <BottomSheetOption
-        icon="💬"
-        label="Whatsapp"
-        iconColor="#25D366"
-        onPress={() => {
-          onClose();
-          onWhatsapp?.();
-        }}
-      />
-      <BottomSheetOption
-        icon="✉️"
-        label="E-mail"
-        iconColor="#9B59B6"
-        onPress={() => {
-          onClose();
-          onEmail?.();
-        }}
-      />
-      <BottomSheetOption
-        icon="💬"
-        label="SMS"
-        iconColor="#3498DB"
-        onPress={() => {
-          onClose();
-          onSMS?.();
-        }}
-      />
-      <BottomSheetOption
-        icon="📋"
-        label="Add Task"
-        onPress={() => {
-          onClose();
-          onAddTask?.();
-        }}
-      />
-      <BottomSheetOption
-        icon="📝"
-        label="Add Note"
-        onPress={() => {
-          onClose();
-          onAddNote?.();
-        }}
-      />
-    </BottomSheet>
-  );
-};

package/src/components/Loader.tsx

@@ -1,48 +0,0 @@
-import React from 'react';
-import { View, Text, ActivityIndicator, StyleSheet } from 'react-native';
-import type { ViewStyle } from 'react-native';
-import { Colors } from '../constants/Colors';
-import { verticalScale, moderateScale, scale } from 'react-native-size-matters';
-
-type LoaderProps = {
-  message?: string;
-  overlay?: boolean;
-  color?: string;
-  style?: ViewStyle;
-};
-
-const Loader: React.FC<LoaderProps> = ({
-  message = 'Loading...',
-  overlay = false,
-  color = Colors.primary,
-  style,
-}) => {
-  return (
-    <View style={[styles.container, overlay ? styles.overlay : null, style]}>
-      <ActivityIndicator size="large" color={color} />
-      {message ? <Text style={styles.text}>{message}</Text> : null}
-    </View>
-  );
-};
-
-export default Loader;
-
-const styles = StyleSheet.create({
-  container: {
-    paddingVertical: verticalScale(16),
-    paddingHorizontal: scale(12),
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: Colors.white,
-  },
-  overlay: {
-    ...StyleSheet.absoluteFillObject,
-    zIndex: 10,
-    backgroundColor: Colors.white50,
-  },
-  text: {
-    marginTop: verticalScale(8),
-    fontSize: moderateScale(12),
-    color: Colors.black,
-  },
-});

package/src/components/ScreenHeader.tsx

@@ -1,57 +0,0 @@
-import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
-import { scale, verticalScale, moderateScale } from 'react-native-size-matters';
-import { Colors } from '../constants/Colors';
-
-interface ScreenHeaderProps {
-  title?: string;
-  onBackPress: () => void;
-  showCrossOnLeft?: boolean; // If true, shows cross icon instead of back arrow on left
-}
-
-export const ScreenHeader: React.FC<ScreenHeaderProps> = ({
-  title,
-  onBackPress,
-  showCrossOnLeft = false,
-}) => {
-  return (
-    <View style={styles.header}>
-      <TouchableOpacity onPress={onBackPress} style={styles.iconButton}>
-        <Text style={styles.icon}>{showCrossOnLeft ? '✕' : '←'}</Text>
-      </TouchableOpacity>
-      {title && <Text style={styles.title}>{title}</Text>}
-      <TouchableOpacity onPress={onBackPress} style={styles.iconButton}>
-        <Text style={styles.icon}>✕</Text>
-      </TouchableOpacity>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  header: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    paddingHorizontal: scale(16),
-    paddingVertical: verticalScale(12),
-    backgroundColor: Colors.white,
-    borderBottomWidth: 1,
-    borderBottomColor: '#e0e0e0',
-  },
-  iconButton: {
-    width: scale(40),
-    height: scale(40),
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  icon: {
-    fontSize: moderateScale(24),
-    color: Colors.black,
-  },
-  title: {
-    fontSize: moderateScale(18),
-    fontWeight: '600',
-    color: Colors.black,
-    flex: 1,
-    textAlign: 'center',
-  },
-});

package/src/components/SearchBar.tsx

@@ -1,59 +0,0 @@
-import { View, Text, StyleSheet, TextInput } from 'react-native';
-import { scale, verticalScale, moderateScale } from 'react-native-size-matters';
-import { Colors } from '../constants/Colors';
-
-interface SearchBarProps {
-  placeholder?: string;
-  onChangeText?: (text: string) => void;
-  value?: string;
-}
-
-export const SearchBar: React.FC<SearchBarProps> = ({
-  placeholder = 'Search by name',
-  onChangeText,
-  value,
-}) => {
-  return (
-    <View style={styles.searchContainer}>
-      <View style={styles.searchBar}>
-        <Text style={styles.searchIcon}>🔍</Text>
-        <TextInput
-          style={styles.searchInput}
-          placeholder={placeholder}
-          placeholderTextColor="#ccc"
-          onChangeText={onChangeText}
-          value={value}
-        />
-      </View>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  searchContainer: {
-    backgroundColor: Colors.white,
-    paddingHorizontal: scale(16),
-    paddingVertical: verticalScale(12),
-  },
-  searchBar: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    backgroundColor: Colors.white,
-    borderWidth: 1,
-    borderColor: '#E0E0E0',
-    borderRadius: moderateScale(8),
-    paddingHorizontal: scale(12),
-    paddingVertical: verticalScale(8),
-  },
-  searchIcon: {
-    fontSize: moderateScale(18),
-    marginRight: scale(8),
-    color: '#999',
-  },
-  searchInput: {
-    flex: 1,
-    fontSize: moderateScale(16),
-    color: Colors.black,
-    padding: 0,
-  },
-});

package/src/components/TabsHeader.tsx

@@ -1,72 +0,0 @@
-import React from 'react';
-import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
-import { useNavigation } from '@react-navigation/native';
-import { scale, moderateScale } from 'react-native-size-matters';
-import { Colors } from '../constants/Colors';
-
-interface TabsHeaderProps {
-  title: string;
-  rightSlot?: React.ReactNode;
-}
-
-const TabsHeader: React.FC<TabsHeaderProps> = ({ title, rightSlot }) => {
-  const navigation = useNavigation<any>();
-
-  return (
-    <View style={styles.container}>
-      <TouchableOpacity
-        style={styles.toggleButton}
-        onPress={() => navigation.toggleDrawer?.()}
-        hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
-        accessibilityRole="button"
-        accessibilityLabel="Open navigation drawer"
-      >
-        <Text style={styles.toggleIcon}>☰</Text>
-      </TouchableOpacity>
-      <Text style={styles.title}>{title}</Text>
-      <View style={styles.rightSlot}>{rightSlot}</View>
-    </View>
-  );
-};
-
-export default TabsHeader;
-
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: moderateScale(12),
-    paddingVertical: moderateScale(4),
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: Colors.divider,
-    backgroundColor: Colors.white,
-  },
-  toggleButton: {
-    width: scale(36),
-    height: scale(36),
-    borderRadius: moderateScale(18),
-    borderWidth: 1,
-    borderColor: Colors.border,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: Colors.lightblue,
-  },
-  toggleIcon: {
-    fontSize: moderateScale(20),
-    color: Colors.black,
-  },
-  title: {
-    flex: 1,
-    textAlign: 'left',
-    fontSize: moderateScale(16),
-    fontWeight: '600',
-    color: Colors.black,
-    marginLeft: 12,
-  },
-  rightSlot: {
-    minWidth: scale(36),
-    minHeight: scale(36),
-    alignItems: 'flex-end',
-    justifyContent: 'center',
-  },
-});

package/src/components/index.ts

@@ -1,5 +0,0 @@
-// Reusable Components
-export { SearchBar } from './SearchBar';
-export { BottomSheet, BottomSheetOption } from './BottomSheet';
-export { ContactViaModal } from './ContactViaModal';
-export { ScreenHeader } from './ScreenHeader';

package/src/config/FlavorConfig.ts

@@ -1,55 +0,0 @@
-import { NativeModules, Platform } from 'react-native';
-
-interface FlavorConfig {
-  appName: string;
-  applicationId: string;
-  host: string;
-  clevertapAccountId: string;
-  clevertapToken: string;
-  twScheme: string;
-  fileProviderAuthority: string;
-  freshchatFileProviderAuthority: string;
-  defaultNotificationChannelId: string;
-}
-
-/**
- * Get the current flavor configuration
- * This reads from native build config on Android
- * On iOS, you'll need to configure schemes and xcconfig files
- */
-export const getFlavorConfig = (): FlavorConfig => {
-  if (Platform.OS === 'android') {
-    const { BuildConfig } = NativeModules;
-
-    if (BuildConfig) {
-      return {
-        appName: BuildConfig.APP_NAME || 'Salespanda',
-        applicationId: BuildConfig.APPLICATION_ID || 'com.salespanda.app',
-        host: BuildConfig.HOST || '',
-        clevertapAccountId: BuildConfig.CLEVERTAP_ACCOUNT_ID || '',
-        clevertapToken: BuildConfig.CLEVERTAP_TOKEN || '',
-        twScheme: BuildConfig.TWSCHEME || '',
-        fileProviderAuthority: BuildConfig.FILE_PROVIDER_AUTHORITY || '',
-        freshchatFileProviderAuthority:
-          BuildConfig.FRESHCHAT_FILE_PROVIDER_AUTHORITY || '',
-        defaultNotificationChannelId:
-          BuildConfig.DEFAULT_NOTIFICATION_CHANNEL_ID || '',
-      };
-    }
-  }
-
-  // Default configuration for iOS or if BuildConfig is not available
-  return {
-    appName: 'Salespanda',
-    applicationId: 'com.salespanda.app',
-    host: '',
-    clevertapAccountId: '',
-    clevertapToken: '',
-    twScheme: '',
-    fileProviderAuthority: '',
-    freshchatFileProviderAuthority: '',
-    defaultNotificationChannelId: '',
-  };
-};
-
-export default getFlavorConfig();