react-native-salespanda 0.4.4 → 0.5.3

package/lib/typescript/src/store/index.d.ts

@@ -0,0 +1,36 @@
+export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
+    salespandaApi: import("@reduxjs/toolkit/query").CombinedState<{
+        authenticate: import("@reduxjs/toolkit/query").MutationDefinition<{
+            agent_id?: string;
+            clientId?: string;
+        }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, import("../services/api").AuthenticateResponse, "salespandaApi", unknown>;
+        spssoLogin: import("@reduxjs/toolkit/query").MutationDefinition<{
+            access_token: string;
+            app_version?: string;
+        }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, import("../services/api").SsoLoginResponse, "salespandaApi", unknown>;
+        getHome: import("@reduxjs/toolkit/query").QueryDefinition<{
+            app_version?: string;
+            tokenOverride?: string;
+        }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, import("../services/api").HomeResponse, "salespandaApi", unknown>;
+    }, never, "salespandaApi">;
+}, import("redux").UnknownAction, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
+    dispatch: import("redux-thunk").ThunkDispatch<{
+        salespandaApi: import("@reduxjs/toolkit/query").CombinedState<{
+            authenticate: import("@reduxjs/toolkit/query").MutationDefinition<{
+                agent_id?: string;
+                clientId?: string;
+            }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, import("../services/api").AuthenticateResponse, "salespandaApi", unknown>;
+            spssoLogin: import("@reduxjs/toolkit/query").MutationDefinition<{
+                access_token: string;
+                app_version?: string;
+            }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, import("../services/api").SsoLoginResponse, "salespandaApi", unknown>;
+            getHome: import("@reduxjs/toolkit/query").QueryDefinition<{
+                app_version?: string;
+                tokenOverride?: string;
+            }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, import("../services/api").HomeResponse, "salespandaApi", unknown>;
+        }, never, "salespandaApi">;
+    }, undefined, import("redux").UnknownAction>;
+}>, import("redux").StoreEnhancer]>>;
+export type RootState = ReturnType<typeof store.getState>;
+export type AppDispatch = typeof store.dispatch;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/store/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/store/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAMhB,CAAC;AAIH,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,OAAO,KAAK,CAAC,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-salespanda",
-  "version": "0.4.4",
+  "version": "0.5.3",
   "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",
@@ -65,6 +65,7 @@
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.35.0",
     "@evilmartians/lefthook": "^1.12.3",
+    "@react-native-async-storage/async-storage": "^1.21.0",
     "@react-native-community/cli": "20.0.1",
     "@react-native/babel-preset": "0.81.1",
     "@react-native/eslint-config": "^0.81.1",
@@ -74,6 +75,7 @@
     "@react-navigation/drawer": "^7.7.2",
     "@react-navigation/native": "^7.1.19",
     "@react-navigation/native-stack": "^7.6.4",
+    "@reduxjs/toolkit": "^2.11.2",
     "@release-it/conventional-changelog": "^10.0.1",
     "@types/jest": "^29.5.14",
     "@types/react": "^19.1.0",
@@ -95,20 +97,24 @@
     "react-native-screens": "^4.18.0",
     "react-native-size-matters": "^0.4.2",
     "react-native-vector-icons": "^10.2.0",
+    "react-redux": "^9.2.0",
     "release-it": "^19.0.4",
     "turbo": "^2.5.6",
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
+    "@react-native-async-storage/async-storage": ">=1.19.0",
     "@react-navigation/bottom-tabs": ">=6.0.0",
     "@react-navigation/drawer": ">=6.0.0",
     "@react-navigation/native": ">=6.0.0",
+    "@reduxjs/toolkit": "^2.11.2",
     "react": "*",
     "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"
+    "react-native-screens": ">=3.0.0",
+    "react-redux": "^9.2.0"
   },
   "workspaces": [
     "example"

package/react-native.config.js

@@ -1,9 +1,12 @@
 module.exports = {
-  project: {
-    ios: {
-      automaticPodsInstallation: true,
+  dependency: {
+    platforms: {
+      ios: {
+        podspecPath: 'Salespanda.podspec',
+      },
+      android: {
+        sourceDir: './android',
+      },
     },
   },
-  // Assets configuration for the library
-  assets: ['./src/assets'],
 };

package/src/SalespandaApp.tsx

@@ -3,6 +3,8 @@ 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,
@@ -83,7 +85,11 @@ const SalespandaApp: React.FC<SalespandaAppProps> = ({
   // If standalone mode, don't wrap with NavigationContainer
   // (parent app will provide it)
   if (standalone) {
-    return <AppContent />;
+    return (
+      <Provider store={store}>
+        <AppContent />
+      </Provider>
+    );
   }
 
   // Navigation content with SafeAreaProvider
@@ -100,15 +106,17 @@ const SalespandaApp: React.FC<SalespandaAppProps> = ({
   };
 
   const NavigationContent = (
-    <SafeAreaProvider initialMetrics={initialWindowMetrics}>
-      <NavigationContainer
-        ref={navigationRef}
-        onReady={onReady}
-        theme={navTheme}
-      >
-        <AppContent />
-      </NavigationContainer>
-    </SafeAreaProvider>
+    <Provider store={store}>
+      <SafeAreaProvider initialMetrics={initialWindowMetrics}>
+        <NavigationContainer
+          ref={navigationRef}
+          onReady={onReady}
+          theme={navTheme}
+        >
+          <AppContent />
+        </NavigationContainer>
+      </SafeAreaProvider>
+    </Provider>
   );
 
   // Wrap with GestureHandlerRootView only if requested

package/src/components/Loader.tsx

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

@@ -23,6 +23,21 @@ export interface SalespandaConfig {
     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
    */
@@ -62,6 +77,10 @@ let globalConfig: SalespandaConfig = {
  * 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,
@@ -74,12 +93,26 @@ export function initializeSalespanda(config: SalespandaConfig): void {
       ...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;
 }
 
@@ -87,6 +120,10 @@ export function getSalespandaConfig(): SalespandaConfig {
  * Reset configuration to defaults
  */
 export function resetSalespandaConfig(): void {
+  console.log(
+    '[Salespanda][resetSalespandaConfig] resetting config to defaults'
+  );
+
   globalConfig = {
     theme: {
       primaryColor: '#4a148c',

package/src/index.tsx

@@ -1,28 +1,7 @@
-/**
- * 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';
- */
-
-// Import gesture handler at the very top
-
-// ============================================
-// MAIN APP EXPORT (Default)
-// ============================================
 export { default } from './SalespandaApp';
 export { default as SalespandaApp } from './SalespandaApp';
 export type { SalespandaAppProps } from './SalespandaApp';
 
-// ============================================
-// CONFIGURATION
-// ============================================
 export {
   initializeSalespanda,
   getSalespandaConfig,
@@ -30,22 +9,21 @@ export {
 } from './config/SalespandaConfig';
 export type { SalespandaConfig } from './config/SalespandaConfig';
 
-// ============================================
-// FLAVOR CONFIGURATION
-// ============================================
+export {
+  login,
+  logout,
+  isAuthenticated,
+  getCurrentUser,
+  getCurrentToken,
+} from './services/authService';
+
 export { getFlavorConfig } from './config/FlavorConfig';
 export { default as FlavorConfig } from './config/FlavorConfig';
 
-// ============================================
-// NAVIGATION COMPONENTS
-// ============================================
 export { default as AppNavigator } from './navigation/AppNavigator';
 export { default as DrawerNavigator } from './navigation/DrawerNavigator';
 export { default as BottomTabNavigator } from './navigation/BottomTabNavigator';
 
-// ============================================
-// SCREEN COMPONENTS (Library Mode)
-// ============================================
 export { default as HomeScreen } from './screens/Tabs/HomeScreen';
 export { default as ProfileScreen } from './screens/Tabs/ActivityAnalytics';
 export { default as NotificationsScreen } from './screens/Tabs/NotificationsScreen';

package/src/navigation/BottomTabNavigator.tsx

@@ -158,9 +158,7 @@ const styles = StyleSheet.create({
     borderTopWidth: 1,
     borderTopColor: Colors.border,
     backgroundColor: Colors.white,
-    paddingBottom: verticalScale(10),
-    paddingTop: verticalScale(8),
-    height: verticalScale(64),
+    height: verticalScale(40),
   },
   activeIconContainer: {
     width: scale(48),