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

package/src/screens/TnC/TnC.constants.ts

@@ -0,0 +1,169 @@
+export const termsList: string[] = [
+  "SDK Terms and Conditions – NSL Points Redemption",
+  "",
+  "1. Introduction",
+  "",
+  "These Terms and Conditions ('Terms') govern the use of the redemption Software Development Kit ('SDK') provided by Zaggle / Propel Platform ('Service Provider') and embedded within the NSL Gold Club Mobile Application ('Host Application') operated by Nuziveedu Seeds Limited ('NSL').",
+  "",
+  "By accessing or using the redemption services through the Host Application, users agree to be bound by these Terms.",
+  "",
+  "2. Scope of Service",
+  "",
+  "The SDK enables eligible users of NSL Gold Club App to:",
+  "• View NSL Points balance",
+  "• Redeem NSL Points for eligible rewards",
+  "• Access redemption catalog including digital vouchers and other approved rewards",
+  "• Track redemption transactions and history",
+  "",
+  "The SDK does not provide direct monetary services or cash payouts.",
+  "",
+  "3. Eligibility",
+  "",
+  "Users must:",
+  "• Be authorized members of NSL Gold Club Program",
+  "• Have valid and active account credentials",
+  "• Have points credited by NSL under its internal reward program",
+  "",
+  "The Service Provider does not determine eligibility for point allocation.",
+  "",
+  "4. NSL Points Usage Policy",
+  "",
+  "4.1 Nature of Points",
+  "• NSL Points are promotional reward points.",
+  "• Points have no cash value.",
+  "• Points cannot be converted to cash, bank transfer, or financial instruments.",
+  "",
+  "4.2 Transferability",
+  "• Points are non-transferable.",
+  "• Points can only be used by the account holder.",
+  "",
+  "4.3 Expiry",
+  "• Points are valid for 12 months from credit date, unless otherwise specified by NSL.",
+  "",
+  "5. Redemption Rules",
+  "",
+  "• Redemptions must be completed using available NSL Points balance.",
+  "• Partial payments using other payment methods are not supported.",
+  "• Once confirmed, redemption orders cannot be modified.",
+  "• Cancellation is allowed only if order status is Pending.",
+  "",
+  "6. Rewards and Voucher Fulfilment",
+  "",
+  "• E-vouchers are typically delivered within minutes but may take up to 24 hours.",
+  "• Service Provider is not responsible for:",
+  "  o Brand partner outages",
+  "  o Email delivery delays outside platform control",
+  "  o Incorrect email or mobile details provided by user",
+  "",
+  "Use of brand vouchers is governed by respective brand terms.",
+  "",
+  "7. Refunds and Reversals",
+  "",
+  "Points will be refunded only if:",
+  "• Order cancellation is approved, OR",
+  "• Order fails due to system or partner failure",
+  "",
+  "Refund timelines may vary based on system processing.",
+  "",
+  "8. Restrictions",
+  "",
+  "Users shall not:",
+  "• Attempt fraud, manipulation, or misuse of points",
+  "• Create multiple accounts",
+  "• Use automation, bots, or reverse engineering on SDK services",
+  "• Use services for unlawful purposes under Indian law",
+  "",
+  "Violation may lead to suspension.",
+  "",
+  "9. Data Privacy and Security",
+  "",
+  "User data is processed in accordance with:",
+  "• Information Technology Act, 2000 (India)",
+  "• Applicable Indian Data Protection laws (including DPDP Act when applicable)",
+  "",
+  "Data collected may include:",
+  "• Mobile number",
+  "• Email ID",
+  "• Transaction data",
+  "• Device metadata (for security and fraud prevention)",
+  "",
+  "Data is used only for:",
+  "• Program operations",
+  "• Transaction processing",
+  "• Compliance and fraud monitoring",
+  "",
+  "10. Third Party Services",
+  "",
+  "The SDK integrates third-party vendors such as voucher providers and logistics partners.",
+  "",
+  "Service Provider is not responsible for:",
+  "• Third party service downtime",
+  "• Brand redemption policy changes",
+  "• Voucher usage restrictions imposed by brands",
+  "",
+  "11. Intellectual Property",
+  "",
+  "All SDK components including:",
+  "• APIs",
+  "• Redemption catalog structure",
+  "• Technology architecture",
+  "• Documentation",
+  "",
+  "are intellectual property of the Service Provider.",
+  "",
+  "Host Application or Users may not copy, modify, or redistribute SDK components.",
+  "",
+  "12. Limitation of Liability",
+  "",
+  "To the maximum extent permitted under Indian law:",
+  "",
+  "Service Provider shall not be liable for:",
+  "• Indirect or consequential damages",
+  "• Loss of opportunity or business",
+  "• Brand partner service failures",
+  "• User device compatibility issues",
+  "• Network or telecom failures",
+  "",
+  "Total liability shall not exceed value of disputed redemption transaction.",
+  "",
+  "13. Service Availability",
+  "",
+  "While high uptime is targeted, service may be unavailable due to:",
+  "• Scheduled maintenance",
+  "• Force majeure events",
+  "• Third party outages",
+  "• Regulatory requirements",
+  "",
+  "14. Suspension or Termination",
+  "",
+  "Access may be suspended if:",
+  "• Fraud suspected",
+  "• Terms violation",
+  "• NSL program termination",
+  "• Regulatory or legal orders",
+  "",
+  "15. Changes to Terms",
+  "",
+  "Terms may be updated periodically.",
+  "",
+  "Updates will be communicated via:",
+  "• App notifications",
+  "• Email",
+  "• In-app banners",
+  "",
+  "Continued usage implies acceptance.",
+  "",
+  "16. Contact and Support",
+  "",
+  "Support Channels:",
+  "• Email: team@zaggle.in",
+  "• Call: 1860-500-3748 (Mon–Fri, 10 AM – 7 PM IST)",
+  "• WhatsApp: +91 83677 23456 (Mon–Fri, 10 AM – 7 PM IST)",
+  "",
+  "17. Disclaimer",
+  "",
+  "The SDK is provided on 'as-is' and 'as-available' basis without warranties of uninterrupted service or error-free performance."
+];
+
+export const TermsandConditions = "Terms and Conditions";
+export const HARDWARE_BACK_PRESS = "hardwareBackPress";

package/src/screens/TnC/index.tsx

@@ -0,0 +1,83 @@
+import React from 'react';
+import { View, Text, ScrollView } from 'react-native';
+import styles from './styles';
+import { RouteProp, useRoute } from '@react-navigation/native';
+import { AppStackParamList } from '../../../src-app/types/navigation';
+import { CustomImage } from '../../../src-app/components';
+import Images from '../../../src-app/constants/Images';
+import MobileHeader from '../../../src-app/components/MobileHeader';
+import { handleCustomGoBack } from '../../../src-app/utils/navigationUtils';
+import { ROUTES } from '../../../src-app/constants/Routes';
+import { useHardwareBack } from '../../../src-app/utils/useHardwareBack';
+import { TermsandConditions, termsList } from './TnC.constants';
+
+interface TnCProps {
+  navigation?: any;
+}
+
+type TnCRouteProp = RouteProp<AppStackParamList, 'TnC'>;
+
+const TnC: React.FC<TnCProps> = ({ navigation }) => {
+  const route = useRoute<TnCRouteProp>();
+
+  const handleGoBack = () =>
+    handleCustomGoBack(navigation, route, {
+      map: {
+        [ROUTES.TnC]: ROUTES.PROFILE,
+        [ROUTES.PROFILE]: ROUTES.DASHBOARD,
+      },
+      fallback: ROUTES.DASHBOARD,
+    });
+
+  useHardwareBack(handleGoBack)
+
+  return (
+    <View style={styles.container}>
+      <MobileHeader
+        title={TermsandConditions}
+        showBack
+        onBack={handleGoBack}
+        disableSafeAreaPadding={true}
+      />
+      <View style={styles.content}>
+        <View style={styles.contentContainer}>
+          <ScrollView
+            style={styles.scrollContainer}
+            showsVerticalScrollIndicator={false}
+          >
+            {termsList.map((item, index) => {
+              if (!item.trim()) {
+                return <View key={index} style={{ height: 6 }} />;
+              }
+
+              const isBullet = item.trim().startsWith('•');
+              const text = isBullet ? item.replace(/^•\s*/, '') : item;
+
+              return (
+                <View
+                  key={index}
+                  style={isBullet ? styles.bulletRow : styles.normalRow}
+                >
+                  {isBullet && (
+                    <Text style={styles.bulletSymbol}>•</Text>
+                  )}
+                  <Text
+                    style={[
+                      styles.termsText,
+                      !isBullet && styles.normalText,
+                    ]}
+                  >
+                    {text}
+                  </Text>
+                </View>
+              );
+            })}
+
+          </ScrollView>
+        </View>
+      </View>
+    </View>
+  );
+};
+
+export default TnC;

package/src/screens/TnC/styles.ts

@@ -0,0 +1,88 @@
+import { StyleSheet } from 'react-native';
+import FontFamily from '../../../src-app/constants/Fonts';
+import { colors } from '../../../src-app/styles/colors';
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: colors.background,
+  },
+  header: {
+    height: 110,
+    backgroundColor: colors.background,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 20,
+    paddingBottom: 16,
+  },
+  backButton: {
+    padding: 8,
+    marginRight: 8,
+  },
+  headerTitle: {
+    fontFamily: FontFamily.LEXEND_REGULAR,
+    fontSize: 18,
+    fontWeight: '400',
+    color: colors.black,
+    flex: 1,
+    textAlign: 'center',
+    marginRight: 32, 
+  },
+  content: {
+    flex: 1,
+    paddingBottom: 32,
+    padding: 20,
+  },
+  contentContainer: {
+    flex: 1,
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: colors.variantBorder,
+    backgroundColor: colors.background,
+    paddingTop: 16,
+    paddingHorizontal: 12,
+    paddingBottom: 12,
+  },
+  logo: {
+    width: 140,
+    height: 42,
+    alignSelf: 'center',
+    marginBottom: 24,
+    resizeMode: 'contain',
+  },
+  scrollContainer: {
+    flex: 1,
+  },
+  bulletRow: {
+    flexDirection: 'row',
+    alignItems:'flex-start',
+    marginTop: 3,
+  },
+  bulletSymbol: {
+  fontSize: 16,                   
+  lineHeight: 18,                
+  marginRight: 6,
+  color: colors.onSurfaceVariant,
+  includeFontPadding: false,      
+  textAlignVertical: 'center',    
+},
+  termsText: {
+  flex: 1,                        
+  fontFamily: FontFamily.LEXEND_REGULAR,
+  fontSize: 12,
+  fontWeight: '400',
+  color: colors.onSurfaceVariant,
+  lineHeight: 18,
+  paddingRight:4,
+  marginBottom: 5,
+},
+normalRow: {
+  marginTop: 6,
+},
+
+normalText: {
+  marginLeft: 0,
+},
+});
+
+export default styles;

package/src/screens/TransactionSuccessful/index.tsx

@@ -0,0 +1,77 @@
+import React from 'react';
+import { View, Text } from 'react-native';
+import { StackNavigationProp } from '@react-navigation/stack';
+import { RouteProp } from '@react-navigation/native';
+import { AppStackParamList } from '../../../src-app/types/navigation';
+import MobileHeader from '../../../src-app/components/MobileHeader';
+import styles from './styles';
+import { CustomButton, CustomImage } from '../../../src-app/components';
+import Images from '../../../src-app/constants/Images';
+import { useRoute, CommonActions } from '@react-navigation/native';
+import { useAppDispatch } from '../../../src-app/hooks/useAppDispatch';
+import { dashboardInfoRequest } from '../../../src-app/redux/authSlice';
+
+type TransactionSuccessfulNavigationProp = StackNavigationProp<
+  AppStackParamList,
+  'TransactionSuccessful'
+>;
+
+type TransactionSuccessfulRouteProp = RouteProp<
+  AppStackParamList,
+  'TransactionSuccessful'
+>;
+
+interface Props {
+  navigation: TransactionSuccessfulNavigationProp;
+}
+
+const TransactionSuccessful: React.FC<Props> = ({ navigation }) => {
+  const route = useRoute<TransactionSuccessfulRouteProp>();
+  const dispatch = useAppDispatch();
+  const item = route.params?.item;
+  const points = item || 0;
+
+  const handleDone = () => {
+    dispatch(dashboardInfoRequest({}));
+    navigation.dispatch(
+      CommonActions.reset({
+        index: 0,
+        routes: [
+          {
+            name: 'DashboardTab',
+            state: {
+              routes: [{ name: 'Dashboard' }],
+            },
+          },
+        ],
+      })
+    );
+    console.log("inside function");
+    
+  };
+
+  return (
+    <View style={styles.container}>
+      <MobileHeader />
+
+      <View style={styles.backgroundContainer}>
+        <View style={styles.gradientOverlay} />
+
+        <View style={styles.contentContainer}>
+          <CustomImage source={Images.successTick} imgStyle={styles.icon} />
+
+          <Text style={styles.title}>{points} Points</Text>
+          <Text style={styles.subtitle}>Transaction Successful</Text>
+        </View>
+        <CustomButton
+          title="Done"
+          onPress={handleDone}
+          disabled={false}
+          customButtonContainerStyle={styles.customButtonContainer}
+        />
+      </View>
+    </View>
+  );
+};
+
+export default TransactionSuccessful;

package/src/screens/TransactionSuccessful/styles.ts

@@ -0,0 +1,77 @@
+import { StyleSheet } from 'react-native';
+import { spacing, typography } from '../../../src-app/styles/shared';
+import FontFamily from '../../../src-app/constants/Fonts';
+import { colors } from '../../../src-app/styles/colors';
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: colors.background,
+  },
+  backgroundContainer: {
+    flex: 1,
+    position: 'relative',
+    backgroundColor: colors.background,
+  },
+  gradientOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(255, 255, 255, 0.9)',
+  },
+  contentContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingHorizontal: spacing.xl,
+  },
+  successIcon: {
+    marginBottom: spacing.xl,
+    backgroundColor: 'white',
+    borderRadius: 50,
+    padding: spacing.sm,
+    elevation: 4,
+    shadowColor: colors.shadow,
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 8,
+  },
+  title: {
+    ...typography.h1,
+    color: colors.onSurface,
+    textAlign: 'center',
+    marginBottom: spacing.md,
+    fontWeight: '600',
+    fontFamily: FontFamily.LEXEND_REGULAR,
+  },
+  subtitle: {
+    ...typography.caption,
+    color: colors.success,
+    textAlign: 'center',
+    fontWeight: '500',
+    fontFamily: FontFamily.LEXEND_REGULAR,
+  },
+  bottomBlur: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    height: 200,
+    backgroundColor: 'rgba(244, 244, 244, 0.6)',
+  },
+  icon: {
+    height: 99,
+    width: 99,
+    resizeMode: 'contain',
+  },
+  customButtonContainer: {
+    paddingHorizontal: 20,
+  },
+});
+
+export default styles;

package/src/screens/Verification/index.tsx

@@ -0,0 +1,58 @@
+import React, { useEffect } from 'react';
+import { View, Text } from 'react-native';
+import { StackNavigationProp } from '@react-navigation/stack';
+import { RootStackParamList } from '../../../src-app/types/navigation';
+import MobileHeader from '../../../src-app/components/MobileHeader';
+import Icon from '../../../src-app/components/Icon';
+import styles from './styles';
+import { CustomImage } from '../../../src-app/components';
+import Images from '../../../src-app/constants/Images';
+import { CommonActions } from '@react-navigation/native';
+
+type VerificationNavigationProp = StackNavigationProp<
+  RootStackParamList,
+  'VerificationComplete'
+>;
+
+interface Props {
+  navigation: VerificationNavigationProp;
+}
+
+const Verification: React.FC<Props> = ({ navigation }) => {
+  useEffect(() => {
+    // Auto redirect to dashboard after 3 seconds
+    const timer = setTimeout(() => {
+      navigation.dispatch(
+  CommonActions.reset({
+    index: 0,
+    routes: [{ name: 'MainTabs' }],
+  })
+);
+    }, 3000);
+
+    return () => clearTimeout(timer);
+  }, [navigation]);
+
+  return (
+    <View style={styles.container}>
+      <MobileHeader />
+
+      {/* Background with gradient overlay */}
+      <View style={styles.backgroundContainer}>
+        <View style={styles.gradientOverlay} />
+
+        {/* Success content */}
+        <View style={styles.contentContainer}>
+          {/* Success icon */}
+          <CustomImage source={Images.successTick} imgStyle={styles.icon} />
+
+          {/* Success message */}
+          <Text style={styles.title}>Verification completed</Text>
+          <Text style={styles.subtitle}>You are all set, ready to go!</Text>
+        </View>
+      </View>
+    </View>
+  );
+};
+
+export default Verification;

package/src/screens/Verification/styles.ts

@@ -0,0 +1,74 @@
+import { StyleSheet } from 'react-native';
+import { spacing, typography } from '../../../src-app/styles/shared';
+import FontFamily from '../../../src-app/constants/Fonts';
+import { colors } from '../../../src-app/styles/colors';
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: colors.background,
+  },
+  backgroundContainer: {
+    flex: 1,
+    position: 'relative',
+    backgroundColor: colors.background,
+  },
+  gradientOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(255, 255, 255, 0.9)',
+  },
+  contentContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingHorizontal: spacing.xl,
+  },
+  successIcon: {
+    marginBottom: spacing.xl,
+    backgroundColor: 'white',
+    borderRadius: 50,
+    padding: spacing.sm,
+    elevation: 4,
+    shadowColor: colors.shadow,
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 8,
+  },
+  title: {
+    ...typography.h1,
+    color: colors.onSurface,
+    textAlign: 'center',
+    marginBottom: spacing.md,
+    fontWeight: '600',
+    fontFamily: FontFamily.LEXEND_REGULAR,
+  },
+  subtitle: {
+    ...typography.caption,
+    color: colors.success,
+    textAlign: 'center',
+    fontWeight: '500',
+    fontFamily: FontFamily.LEXEND_REGULAR,
+  },
+  bottomBlur: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    height: 200,
+    backgroundColor: 'rgba(244, 244, 244, 0.6)',
+  },
+  icon:{
+    height:99,
+    width:99,
+    resizeMode:'contain'
+  }
+});
+
+export default styles;

package/src/screens/index.ts

@@ -0,0 +1,23 @@
+export { default as ProductDetail } from './ProductDetails';
+export { default as Profile } from './Profile';
+export { default as RedemptionHistory } from './RedemptionHistory';
+export { default as Redeem } from './Reedem';
+export { default as TnC } from './TnC';
+export { default as Verification } from './Verification';
+export { default as Login } from './Login';
+export { default as Dashboard } from './Dashboard';
+export { default as FAQ } from './Faq';
+export { default as Help } from './Help';
+export { default as MyOrders } from './MyOrders';
+export { default as Onboarding } from './Onboarding';
+export { default as OrdersDetails } from './OrdersDetails';
+export { default as OTPVerification } from './OtpVerification';
+export { default as PointsLog } from './PointsLog';
+export { default as MyProfile } from './MyProfile';
+export { default as MyEVouchers } from './E-Vouchers';
+export { default as MyCart } from './MyCart';
+export { default as DeliveryAddress } from './DeliveryAddress';
+export { default as NewDeliveryAddress } from './NewDeliveryAddress';
+export { default as PaymentMethod } from './PaymentMethod';
+export { default as TransactionSuccessful } from './TransactionSuccessful';
+

package/src/types/index.ts

@@ -0,0 +1,46 @@
+/**
+ * SDK Type Definitions
+ */
+
+export interface SDKParams {
+  apiUrl: string;
+  apiKey?: string;
+  userId?: string;
+  userToken?: string;
+  authToken?: string;
+  authId?: string;
+  userName?: string;
+  userMobile?: string;
+  userEmail?: string;
+  deviceId?: string;
+  clientName?: string;
+  clientVersion?: string;
+  theme?: SDKTheme;
+  environment?: 'development' | 'staging' | 'production';
+  [key: string]: any; // Allow additional custom params
+}
+
+export interface SDKTheme {
+  primaryColor?: string;
+  secondaryColor?: string;
+  backgroundColor?: string;
+  textColor?: string;
+}
+
+export interface SDKResult {
+  success: boolean;
+  data?: any;
+  message?: string;
+}
+
+export interface SDKError {
+  code: string;
+  message: string;
+  details?: any;
+}
+
+export interface SDKEvent {
+  type: string;
+  payload?: any;
+}
+