react-native-salespanda 0.7.7 → 0.8.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();

package/src/config/SalespandaConfig.ts

@@ -1,142 +0,0 @@
-/**
- * Salespanda SDK Configuration
- */
-
-export interface SalespandaConfig {
-  /**
-   * Theme configuration
-   */
-  theme?: {
-    primaryColor?: string;
-    secondaryColor?: string;
-    backgroundColor?: string;
-    textColor?: string;
-    accentColor?: string;
-  };
-
-  /**
-   * API configuration
-   */
-  api?: {
-    baseUrl?: string;
-    apiKey?: string;
-    timeout?: number;
-  };
-
-  /**
-   * Authentication info supplied by host app
-   * If provided, SDK will use these tokens instead of performing login
-   */
-  auth?: {
-    /**
-     * Token to be sent as `Token` header for protected APIs
-     */
-    token?: string;
-    /**
-     * Access token used for SSO or other flows when required
-     */
-    accessToken?: string;
-  };
-
-  /**
-   * Feature flags
-   */
-  features?: {
-    enablePremium?: boolean;
-    enableNotifications?: boolean;
-    enableReports?: boolean;
-    enableDrawer?: boolean;
-  };
-
-  /**
-   * Analytics configuration
-   */
-  analytics?: {
-    enabled?: boolean;
-    trackingId?: string;
-  };
-}
-
-let globalConfig: SalespandaConfig = {
-  theme: {
-    primaryColor: '#4a148c',
-    secondaryColor: '#25D366',
-    backgroundColor: '#fff',
-    textColor: '#333',
-    accentColor: '#999',
-  },
-  features: {
-    enablePremium: true,
-    enableNotifications: true,
-    enableReports: true,
-    enableDrawer: true,
-  },
-};
-
-/**
- * Initialize Salespanda SDK with custom configuration
- */
-export function initializeSalespanda(config: SalespandaConfig): void {
-  // Debug log for toolkit usage
-  // Helps in verifying that initializeSalespanda is being called correctly from host app
-  console.log('[Salespanda][initializeSalespanda] called with config:', config);
-
-  globalConfig = {
-    ...globalConfig,
-    ...config,
-    theme: {
-      ...globalConfig.theme,
-      ...config.theme,
-    },
-    features: {
-      ...globalConfig.features,
-      ...config.features,
-    },
-  };
-
-  // If host app passes tokens, make them available runtime-wide
-  if (config.auth?.token || config.auth?.accessToken) {
-    // Lazy import to avoid circular dep
-    const { setRuntimeTokens } = require('../services/api');
-    setRuntimeTokens({
-      token: config.auth?.token || null,
-      accessToken: config.auth?.accessToken || null,
-    });
-  }
-}
-
-/**
- * Get current Salespanda configuration
- */
-export function getSalespandaConfig(): SalespandaConfig {
-  console.log(
-    '[Salespanda][getSalespandaConfig] returning config:',
-    globalConfig
-  );
-  return globalConfig;
-}
-
-/**
- * Reset configuration to defaults
- */
-export function resetSalespandaConfig(): void {
-  console.log(
-    '[Salespanda][resetSalespandaConfig] resetting config to defaults'
-  );
-
-  globalConfig = {
-    theme: {
-      primaryColor: '#4a148c',
-      secondaryColor: '#25D366',
-      backgroundColor: '#fff',
-      textColor: '#333',
-      accentColor: '#999',
-    },
-    features: {
-      enablePremium: true,
-      enableNotifications: true,
-      enableReports: true,
-      enableDrawer: true,
-    },
-  };
-}

package/src/constants/Colors.ts

@@ -1,17 +0,0 @@
-export const Colors = {
-  // Minimal palette as requested
-  primary: '#46bdd3',
-  white: '#ffffff',
-  black: '#322F2F',
-  background: '#ffffff',
-  border: '#ffffff',
-  divider: '#e0e0e0',
-  white50: 'rgba(255, 255, 255, 0.5)',
-  black50: 'rgba(0, 0, 0, 0.2)',
-  black30: 'rgba(0, 0, 0, 0.3)',
-  black20: 'rgba(0, 0, 0, 0.2)',
-  black10: 'rgba(0, 0, 0, 0.1)',
-  lightblue: '#E1F5FE',
-} as const;
-
-export type ColorKey = keyof typeof Colors;

package/src/constants/GetPlatorm.ts

@@ -1,29 +0,0 @@
-import { Platform } from 'react-native';
-
-/**
- * Returns different values based on the platform
- * @param value - Single value to use for both platforms, or object with platform specific values
- * @param androidValue - Optional value for Android (if not provided, uses the same value for both platforms)
- * @returns Platform specific value
- */
-export const GetPlatform = <T>(
-  value: T | { ios: T; android: T },
-  androidValue?: T
-): T => {
-  if (
-    value &&
-    typeof value === 'object' &&
-    'ios' in value &&
-    'android' in value
-  ) {
-    return Platform.select({
-      ios: value.ios,
-      android: value.android,
-    }) as T;
-  }
-
-  return Platform.select({
-    ios: value as T,
-    android: androidValue ?? (value as T),
-  }) as T;
-};

package/src/index.tsx

@@ -1,31 +0,0 @@
-export { default } from './SalespandaApp';
-export { default as SalespandaApp } from './SalespandaApp';
-export type { SalespandaAppProps } from './SalespandaApp';
-
-export {
-  initializeSalespanda,
-  getSalespandaConfig,
-  resetSalespandaConfig,
-} from './config/SalespandaConfig';
-export type { SalespandaConfig } from './config/SalespandaConfig';
-
-export {
-  login,
-  logout,
-  isAuthenticated,
-  getCurrentUser,
-  getCurrentToken,
-} from './services/authService';
-
-export { getFlavorConfig } from './config/FlavorConfig';
-export { default as FlavorConfig } from './config/FlavorConfig';
-
-export { default as AppNavigator } from './navigation/AppNavigator';
-export { default as DrawerNavigator } from './navigation/DrawerNavigator';
-export { default as BottomTabNavigator } from './navigation/BottomTabNavigator';
-
-export { default as HomeScreen } from './screens/Tabs/HomeScreen';
-export { default as ProfileScreen } from './screens/Tabs/ActivityAnalytics';
-export { default as NotificationsScreen } from './screens/Tabs/NotificationsScreen';
-export { default as ReportsScreen } from './screens/ReportsScreen';
-export { default as PremiumScreen } from './screens/Tabs/CRMScreen';

package/src/navigation/AppNavigator.tsx

@@ -1,24 +0,0 @@
-import { NavigationContainer } from '@react-navigation/native';
-import { StyleSheet } from 'react-native';
-import StackNavigator from './StackNavigator';
-import { SafeAreaView } from 'react-native-safe-area-context';
-import { Colors } from '../constants/Colors';
-
-const AppNavigator: React.FC = () => {
-  return (
-    <NavigationContainer>
-      <SafeAreaView style={styles.container} edges={['bottom', 'top']}>
-        <StackNavigator />
-      </SafeAreaView>
-    </NavigationContainer>
-  );
-};
-
-export default AppNavigator;
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.background,
-  },
-});

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,
-  },
-});