react-native-salespanda 0.2.0 → 0.4.0

package/lib/typescript/src/screens/NotificationsScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/NotificationsScreen.tsx"],"names":[],"mappings":"AAqCA,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAqC1C"}
+{"version":3,"file":"NotificationsScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/NotificationsScreen.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAS1C"}

package/lib/typescript/src/screens/ProfileScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/ProfileScreen.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,aAAa,4CA6CpC"}
+{"version":3,"file":"ProfileScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/ProfileScreen.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,aAAa,4CASpC"}

package/lib/typescript/src/screens/ReportsScreen.d.ts

@@ -1,2 +1,2 @@
-export default function ReportsScreen(): import("react/jsx-runtime").JSX.Element;
+export default function NotificationsScreen(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ReportsScreen.d.ts.map

package/lib/typescript/src/screens/ReportsScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReportsScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/ReportsScreen.tsx"],"names":[],"mappings":"AA2BA,MAAM,CAAC,OAAO,UAAU,aAAa,4CAuEpC"}
+{"version":3,"file":"ReportsScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/ReportsScreen.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAS1C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-salespanda",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "sdk",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -59,6 +59,7 @@
     "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",
@@ -67,9 +68,15 @@
     "@react-native-community/cli": "20.0.1",
     "@react-native/babel-preset": "0.81.1",
     "@react-native/eslint-config": "^0.81.1",
+    "@react-native/metro-babel-transformer": "0.81.1",
+    "@react-native/metro-config": "0.81.1",
+    "@react-navigation/bottom-tabs": "^7.8.2",
+    "@react-navigation/drawer": "^7.7.2",
+    "@react-navigation/native": "^7.1.19",
     "@release-it/conventional-changelog": "^10.0.1",
     "@types/jest": "^29.5.14",
     "@types/react": "^19.1.0",
+    "babel-plugin-module-resolver": "^5.0.2",
     "commitlint": "^19.8.1",
     "del-cli": "^6.0.0",
     "eslint": "^9.35.0",
@@ -80,13 +87,24 @@
     "react": "19.1.0",
     "react-native": "0.81.1",
     "react-native-builder-bob": "^0.40.13",
+    "react-native-gesture-handler": "^2.29.1",
+    "react-native-reanimated": "^3.15.4",
+    "react-native-safe-area-context": "^5.6.2",
+    "react-native-screens": "^4.18.0",
     "release-it": "^19.0.4",
     "turbo": "^2.5.6",
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
+    "@react-navigation/bottom-tabs": ">=6.0.0",
+    "@react-navigation/drawer": ">=6.0.0",
+    "@react-navigation/native": ">=6.0.0",
     "react": "*",
-    "react-native": "*"
+    "react-native": "*",
+    "react-native-gesture-handler": ">=2.0.0",
+    "react-native-reanimated": ">=3.0.0",
+    "react-native-safe-area-context": ">=4.0.0",
+    "react-native-screens": ">=3.0.0"
   },
   "workspaces": [
     "example"
@@ -160,14 +178,5 @@
     "languages": "kotlin-objc",
     "type": "turbo-module",
     "version": "0.54.8"
-  },
-  "dependencies": {
-    "@react-navigation/bottom-tabs": "^7.8.2",
-    "@react-navigation/drawer": "^7.7.2",
-    "@react-navigation/native": "^7.1.19",
-    "react-native-gesture-handler": "^2.29.1",
-    "react-native-reanimated": "^4.1.3",
-    "react-native-safe-area-context": "^5.6.2",
-    "react-native-screens": "^4.18.0"
   }
 }

package/react-native.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  project: {
+    ios: {
+      automaticPodsInstallation: true,
+    },
+  },
+  // Assets configuration for the library
+  assets: ['./src/assets'],
+};

package/src/SalespandaApp.tsx

@@ -0,0 +1,112 @@
+import React from 'react';
+import { NavigationContainer, DefaultTheme } from '@react-navigation/native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import DrawerNavigator from './navigation/DrawerNavigator';
+import BottomTabNavigator from './navigation/BottomTabNavigator';
+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;
+
+  /**
+   * If true, uses drawer navigation (default), 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;
+}
+
+/**
+ * Main Salespanda App Component
+ * Can be used as a standalone app or embedded in another React Native app
+ */
+export default function SalespandaApp({
+  navigationRef,
+  theme: customTheme,
+  standalone = false,
+  onReady,
+  useDrawer = true,
+  wrapWithGestureHandler = false,
+}: SalespandaAppProps = {}) {
+  // TODO: Apply theme to app (future enhancement)
+  // Currently theme is managed through SalespandaConfig
+  void customTheme;
+
+  // Use drawer navigation by default, or bottom tabs only if specified
+  const AppContent = () =>
+    useDrawer ? <DrawerNavigator /> : <BottomTabNavigator />;
+
+  // If standalone mode, don't wrap with NavigationContainer
+  // (parent app will provide it)
+  if (standalone) {
+    return <AppContent />;
+  }
+
+  // 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 = (
+    <SafeAreaProvider initialMetrics={initialWindowMetrics}>
+      <NavigationContainer
+        ref={navigationRef}
+        onReady={onReady}
+        theme={navTheme}
+      >
+        <AppContent />
+      </NavigationContainer>
+    </SafeAreaProvider>
+  );
+
+  // Wrap with GestureHandlerRootView only if requested
+  // (default is false since most apps already have gesture handler imported)
+  if (wrapWithGestureHandler) {
+    return (
+      <GestureHandlerRootView style={{ flex: 1 }}>
+        {NavigationContent}
+      </GestureHandlerRootView>
+    );
+  }
+
+  return NavigationContent;
+}

package/src/assets/images/index.js

@@ -0,0 +1,11 @@
+// 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

@@ -0,0 +1,40 @@
+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/config/SalespandaConfig.ts

@@ -0,0 +1,105 @@
+/**
+ * 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;
+  };
+
+  /**
+   * 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 {
+  globalConfig = {
+    ...globalConfig,
+    ...config,
+    theme: {
+      ...globalConfig.theme,
+      ...config.theme,
+    },
+    features: {
+      ...globalConfig.features,
+      ...config.features,
+    },
+  };
+}
+
+/**
+ * Get current Salespanda configuration
+ */
+export function getSalespandaConfig(): SalespandaConfig {
+  return globalConfig;
+}
+
+/**
+ * Reset configuration to defaults
+ */
+export function resetSalespandaConfig(): void {
+  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

@@ -0,0 +1,16 @@
+export const Colors = {
+  // Minimal palette as requested
+  primary: '#46bdd3',
+  white: '#ffffff',
+  black: '#322F2F',
+  background: '#ffffff',
+  border: '#e0e0e0',
+  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)',
+} as const;
+
+export type ColorKey = keyof typeof Colors;

package/src/constants/GetPlatorm.ts

@@ -0,0 +1,29 @@
+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,17 +1,45 @@
-import Salespanda from './NativeSalespanda';
+/**
+ * Salespanda SDK
+ *
+ * This SDK can be used in two ways:
+ *
+ * 1. As a complete standalone app:
+ *    import SalespandaApp from 'react-native-salespanda';
+ *    <SalespandaApp />
+ *
+ * 2. As individual components/screens in your app:
+ *    import { HomeScreen, ProfileScreen } from 'react-native-salespanda';
+ */
 
-export function multiply(a: number, b: number): number {
-  return Salespanda.multiply(a, b);
-}
+// ============================================
+// MAIN APP EXPORT (Default)
+// ============================================
+export { default } from './SalespandaApp';
+export { default as SalespandaApp } from './SalespandaApp';
+export type { SalespandaAppProps } from './SalespandaApp';
 
-// Export navigation
+// ============================================
+// CONFIGURATION
+// ============================================
+export {
+  initializeSalespanda,
+  getSalespandaConfig,
+  resetSalespandaConfig,
+} from './config/SalespandaConfig';
+export type { SalespandaConfig } from './config/SalespandaConfig';
+
+// ============================================
+// NAVIGATION COMPONENTS
+// ============================================
 export { default as AppNavigator } from './navigation/AppNavigator';
 export { default as DrawerNavigator } from './navigation/DrawerNavigator';
 export { default as BottomTabNavigator } from './navigation/BottomTabNavigator';
 
-// Export screens
+// ============================================
+// SCREEN COMPONENTS (Library Mode)
+// ============================================
 export { default as HomeScreen } from './screens/HomeScreen';
 export { default as ProfileScreen } from './screens/ProfileScreen';
 export { default as NotificationsScreen } from './screens/NotificationsScreen';
 export { default as ReportsScreen } from './screens/ReportsScreen';
-export { default as PremiumScreen } from './screens/PremiumScreen';
+export { default as PremiumScreen } from './screens/CRMScreen';

package/src/navigation/AppNavigator.tsx

@@ -1,10 +1,17 @@
 import { NavigationContainer } from '@react-navigation/native';
-import DrawerNavigator from './DrawerNavigator';
+import BottomTabNavigator from './BottomTabNavigator';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { Colors } from '../constants/Colors';
 
 export default function AppNavigator() {
   return (
     <NavigationContainer>
-      <DrawerNavigator />
+      <SafeAreaView
+        style={{ flex: 1, backgroundColor: Colors.background }}
+        edges={['bottom', 'top']}
+      >
+        <BottomTabNavigator />
+      </SafeAreaView>
     </NavigationContainer>
   );
 }