@propel-nsl/propel-react-native-sdk 1.0.0

package/index.ts

@@ -0,0 +1,23 @@
+/**
+ * Propel SDK - React Native Entry Point
+ * 
+ * This is the main entry point for the SDK's React Native bundle.
+ * It initializes the SDK app and registers it with AppRegistry.
+ */
+
+import 'react-native-gesture-handler';
+import { AppRegistry } from 'react-native';
+import SDKApp from './src/SDKApp';
+import { SDK_NAME } from './src/constants';
+
+// Register the SDK component with AppRegistry
+// This allows the native wrappers to load and render it
+AppRegistry.registerComponent(SDK_NAME, () => SDKApp);
+
+// Export for potential direct usage
+export { default as SDKApp } from './src/SDKApp';
+export * from './src/types';
+export * from './src/bridge';
+export * from './src/contexts/SDKContext';
+export * from './src/hooks/useSDKBackNavigation';
+

package/lib/index.ts

@@ -0,0 +1,25 @@
+/**
+ * @propel/react-native-sdk — Public API for React Native host apps
+ *
+ * This is the entry point that RN host apps import from.
+ * It does NOT call AppRegistry.registerComponent (that is only needed
+ * when the SDK is loaded by a native iOS/Android wrapper).
+ *
+ * Usage:
+ * ```ts
+ * import { PropelSDKScreen } from '@propel/react-native-sdk';
+ * ```
+ */
+
+// Primary component for embedding the SDK inside a RN host app's navigator
+export { default as PropelSDKScreen } from '../src/PropelSDKScreen';
+export type { PropelSDKScreenProps } from '../src/PropelSDKScreen';
+
+// Re-export types that host apps may need
+export type { SDKParams, SDKTheme, SDKResult, SDKError, SDKEvent } from '../src/types';
+
+// Re-export context hook (useful if host app needs to check SDK state)
+export { useSDKContext, SDKProvider } from '../src/contexts/SDKContext';
+
+// Re-export back-navigation hook
+export { useSDKBackNavigation } from '../src/hooks/useSDKBackNavigation';

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@propel-nsl/propel-react-native-sdk",
+  "version": "1.0.0",
+  "description": "Propel Mobile SDK - React Native Core",
+  "files": ["src/", "src-app/", "lib/", "assets/", "index.ts"],
+  "main": "index.ts",
+  "react-native": "lib/index.ts",
+  "types": "lib/index.ts",
+  "scripts": {
+    "bundle:android": "react-native bundle --platform android --dev false --entry-file index.ts --bundle-output ../android/propelsdk/src/main/assets/index.android.bundle --assets-dest ../android/propelsdk/src/main/res --minify",
+    "bundle:ios": "react-native bundle --platform ios --dev false --entry-file index.ts --bundle-output ../ios/PropelSDK/Assets/index.ios.jsbundle --assets-dest ../ios/PropelSDK/Assets --minify",
+    "bundle:android:dev": "react-native bundle --platform android --dev true --entry-file index.ts --bundle-output ../android/propelsdk/src/main/assets/index.android.bundle --assets-dest ../android/propelsdk/src/main/res",
+    "bundle:ios:dev": "react-native bundle --platform ios --dev true --entry-file index.ts --bundle-output ../ios/PropelSDK/Assets/index.ios.jsbundle --assets-dest ../ios/PropelSDK/Assets"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.28.4",
+    "axios": "^1.10.0",
+    "buffer": "^6.0.3",
+    "formik": "^2.4.6",
+    "react-native-size-matters": "^0.4.2",
+    "react-native-render-html": "^6.3.4",
+    "react-native-otp-entry": "^1.8.5",
+    "react-native-keyboard-aware-scroll-view": "^0.9.5",
+    "react-native-country-picker-modal": "^2.0.0",
+    "yup": "^1.7.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.72.0",
+    "@react-native-async-storage/async-storage": ">=1.0.0",
+    "@react-native-clipboard/clipboard": ">=1.0.0",
+    "@react-native-community/masked-view": ">=0.1.0",
+    "@react-native-community/netinfo": ">=9.0.0",
+    "@react-navigation/bottom-tabs": ">=6.0.0",
+    "@react-navigation/native": ">=6.0.0",
+    "@react-navigation/stack": ">=6.0.0",
+    "@reduxjs/toolkit": ">=1.9.0",
+    "react-native-device-info": ">=10.0.0",
+    "react-native-fast-image": ">=8.0.0",
+    "react-native-gesture-handler": ">=2.0.0",
+    "react-native-image-picker": ">=5.0.0",
+    "react-native-permissions": ">=3.0.0",
+    "react-native-reanimated": ">=3.0.0",
+    "react-native-safe-area-context": ">=4.0.0",
+    "react-native-screens": ">=3.0.0",
+    "react-native-svg": ">=13.0.0",
+    "react-native-toast-message": ">=2.0.0",
+    "react-redux": ">=8.0.0",
+    "redux-saga": ">=1.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@react-native-clipboard/clipboard": { "optional": true },
+    "@react-native-community/masked-view": { "optional": true },
+    "react-native-image-picker": { "optional": true },
+    "react-native-permissions": { "optional": true },
+    "react-native-fast-image": { "optional": true }
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@react-native-community/cli": "^19.0.0",
+    "@react-native-community/cli-platform-android": "^19.0.0",
+    "@react-native-community/cli-platform-ios": "^19.0.0",
+    "@react-native/babel-preset": "0.80.1",
+    "@react-native/metro-config": "0.80.1",
+    "@types/react": "^19.1.8",
+    "@types/react-native": "^0.72.8",
+    "typescript": "5.0.4"
+  }
+}

package/src/PropelSDKScreen.tsx

@@ -0,0 +1,98 @@
+/**
+ * PropelSDKScreen
+ *
+ * A self-contained React component that RN host apps can embed in their
+ * navigation tree.  It wraps SDKApp and feeds it params via React props
+ * instead of the native bridge, so no native module is required.
+ *
+ * Usage in a host app navigator:
+ * ```tsx
+ * import { PropelSDKScreen } from '@propel/react-native-sdk';
+ *
+ * <Stack.Screen name="PropelSDK" component={PropelSDKScreen} />
+ *
+ * // Then navigate:
+ * navigation.navigate('PropelSDK', {
+ *   screen: 'redeem',          // or 'redemption-history'
+ *   authToken: '...',
+ *   authId: '...',
+ *   apiUrl: 'https://...',
+ *   // ...any other SDKParams fields
+ * });
+ * ```
+ */
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import SDKApp from './SDKApp';
+
+export interface PropelSDKScreenProps {
+  route?: {
+    params?: Record<string, any>;
+  };
+  navigation?: any;
+  /** Direct props (alternative to route.params) */
+  screen?: string;
+  authToken?: string;
+  authId?: string;
+  apiUrl?: string;
+  userId?: string;
+  userName?: string;
+  userMobile?: string;
+  userEmail?: string;
+  deviceId?: string;
+  clientName?: string;
+  clientVersion?: string;
+  environment?: 'development' | 'staging' | 'production';
+  userToken?: string;
+  onClose?: () => void;
+}
+
+const PropelSDKScreen: React.FC<PropelSDKScreenProps> = (props) => {
+  const routeParams = props.route?.params || {};
+
+  // Merge: direct props take precedence, then route.params
+  const mergedParams: Record<string, any> = {
+    ...routeParams,
+    // Spread direct props (excluding route/navigation which are RN-internal)
+    ...(props.screen != null && { screen: props.screen }),
+    ...(props.authToken != null && { authToken: props.authToken }),
+    ...(props.authId != null && { authId: props.authId }),
+    ...(props.apiUrl != null && { apiUrl: props.apiUrl }),
+    ...(props.userId != null && { userId: props.userId }),
+    ...(props.userName != null && { userName: props.userName }),
+    ...(props.userMobile != null && { userMobile: props.userMobile }),
+    ...(props.userEmail != null && { userEmail: props.userEmail }),
+    ...(props.deviceId != null && { deviceId: props.deviceId }),
+    ...(props.clientName != null && { clientName: props.clientName }),
+    ...(props.clientVersion != null && { clientVersion: props.clientVersion }),
+    ...(props.environment != null && { environment: props.environment }),
+    ...(props.userToken != null && { userToken: props.userToken }),
+  };
+
+  // Build the shape SDKApp expects from initialProps / bridge
+  const sdkProps: Record<string, any> = {
+    ...mergedParams,
+    // SDKApp also checks customParams.screen for deep link detection
+    customParams: {
+      screen: mergedParams.screen,
+      ...(mergedParams.customParams || {}),
+    },
+    // Flag so SDKApp knows it's running inside a RN host (no native bridge)
+    __rnHostMode: true,
+  };
+
+  return (
+    <View style={styles.container}>
+      <SDKApp {...sdkProps} />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+});
+
+export default PropelSDKScreen;