react-native-salespanda 0.7.7 → 0.7.8

package/package.json

@@ -1,19 +1,17 @@
 {
   "name": "react-native-salespanda",
-  "version": "0.7.7",
+  "version": "0.7.8",
   "description": "React Native SDK for multi-tenant enterprise applications with product flavors support",
   "main": "./lib/module/index.js",
-  "types": "./lib/typescript/src/index.d.ts",
+  "types": "lib/typescript/src/index.d.ts",
   "exports": {
     ".": {
-      "source": "./src/index.tsx",
       "types": "./lib/typescript/src/index.d.ts",
       "default": "./lib/module/index.js"
     },
     "./package.json": "./package.json"
   },
   "files": [
-    "src",
     "lib",
     "android",
     "ios",
@@ -59,7 +57,6 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.5",
     "@commitlint/config-conventional": "^19.8.1",
     "@eslint/compat": "^1.3.2",
     "@eslint/eslintrc": "^3.3.1",

package/src/NativeSalespanda.ts

@@ -1,7 +0,0 @@
-import { TurboModuleRegistry, type TurboModule } from 'react-native';
-
-export interface Spec extends TurboModule {
-  multiply(a: number, b: number): number;
-}
-
-export default TurboModuleRegistry.getEnforcing<Spec>('Salespanda');

package/src/SalespandaApp.tsx

@@ -1,141 +0,0 @@
-import React from 'react';
-import { NavigationContainer, DefaultTheme } from '@react-navigation/native';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import { StyleSheet } from 'react-native';
-import StackNavigator from './navigation/StackNavigator';
-import { Provider } from 'react-redux';
-import { store } from './store';
-import {
-  SafeAreaProvider,
-  initialWindowMetrics,
-} from 'react-native-safe-area-context';
-import { Colors } from './constants/Colors';
-
-export interface SalespandaAppProps {
-  /**
-   * Custom navigation container ref for external navigation control
-   */
-  navigationRef?: React.RefObject<any>;
-
-  /**
-   * Optional theme configuration
-   */
-  theme?: {
-    primaryColor?: string;
-    backgroundColor?: string;
-  };
-
-  /**
-   * If true, the app will not render NavigationContainer
-   * (useful when embedding in an existing navigation structure)
-   */
-  standalone?: boolean;
-
-  /**
-   * Callback when app is ready
-   */
-  onReady?: () => void;
-
-  /**
-   * Navigation type configuration
-   * - 'drawer': Drawer navigation only
-   * - 'tabs': Bottom tabs only
-   * - 'both': Drawer wrapping bottom tabs (default)
-   * @default 'both'
-   */
-  navigationType?: 'drawer' | 'tabs' | 'both';
-
-  /**
-   * @deprecated Use navigationType instead
-   * If true, uses drawer navigation, otherwise uses bottom tabs only
-   */
-  useDrawer?: boolean;
-
-  /**
-   * If false, will not wrap with GestureHandlerRootView
-   * Set to false if your app already has gesture handler imported at the entry point
-   * @default true
-   */
-  wrapWithGestureHandler?: boolean;
-}
-
-/**
- * Render appropriate navigation based on type
- */
-const AppContent: React.FC = () => {
-  // Always wrap with StackNavigator to support modal screens like LogCall
-  return <StackNavigator />;
-};
-
-/**
- * Main Salespanda App Component
- * Can be used as a standalone app or embedded in another React Native app
- */
-const SalespandaApp: React.FC<SalespandaAppProps> = ({
-  navigationRef,
-  theme: _customTheme,
-  standalone = false,
-  onReady,
-  wrapWithGestureHandler = true,
-} = {}) => {
-  // TODO: Apply custom theme to app (future enhancement)
-  // Currently theme is managed through SalespandaConfig
-  // _customTheme is reserved for future use
-
-  // If standalone mode, don't wrap with NavigationContainer
-  // (parent app will provide it)
-  if (standalone) {
-    return (
-      <Provider store={store}>
-        <AppContent />
-      </Provider>
-    );
-  }
-
-  // Navigation content with SafeAreaProvider
-  const navTheme = {
-    ...DefaultTheme,
-    colors: {
-      ...DefaultTheme.colors,
-      background: Colors.background,
-      primary: Colors.primary,
-      card: Colors.white,
-      text: Colors.black,
-      border: Colors.border,
-    },
-  };
-
-  const NavigationContent = (
-    <Provider store={store}>
-      <SafeAreaProvider initialMetrics={initialWindowMetrics}>
-        <NavigationContainer
-          ref={navigationRef}
-          onReady={onReady}
-          theme={navTheme}
-        >
-          <AppContent />
-        </NavigationContainer>
-      </SafeAreaProvider>
-    </Provider>
-  );
-
-  // Wrap with GestureHandlerRootView only if requested
-  // (default is false since most apps already have gesture handler imported)
-  if (wrapWithGestureHandler) {
-    return (
-      <GestureHandlerRootView style={styles.container}>
-        {NavigationContent}
-      </GestureHandlerRootView>
-    );
-  }
-
-  return NavigationContent;
-};
-
-export default SalespandaApp;
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 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,
-  },
-});