development testing

2026-01-19 17:23:32 +05:30
parent ef1fb78be7 7c949eb570
commit feb1ee2707
18 changed files with 1047 additions and 349 deletions
@@ -39,6 +39,7 @@
        "react-native-element-dropdown": "^2.12.4",
        "react-native-fs": "^2.20.0",
        "react-native-gesture-handler": "^2.30.0",
+        "react-native-get-random-values": "^2.0.0",
        "react-native-gifted-charts": "^1.4.70",
        "react-native-haptic-feedback": "^2.3.3",
        "react-native-linear-gradient": "^2.8.3",
@@ -56,6 +57,7 @@
        "redux-persist": "^6.0.0",
        "sockjs-client": "^1.6.1",
        "text-encoding": "^0.7.0",
+        "uuid": "^13.0.0",
        "xlsx": "^0.18.5",
        "yup": "^1.7.1"
      },
@@ -6736,6 +6738,15 @@
        "node": ">=8.3.0"
      }
    },
+    "node_modules/exceljs/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
    "node_modules/execa": {
      "version": "5.1.1",
      "devOptional": true,
@@ -6784,6 +6795,12 @@
      "version": "3.1.3",
      "license": "Apache-2.0"
    },
+    "node_modules/fast-base64-decode": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fast-base64-decode/-/fast-base64-decode-1.0.0.tgz",
+      "integrity": "sha512-qwaScUgUGBYeDNRnbc/KyllVU88Jk1pRHPStuF/lO7B0/RTRLj7U0lkdTAutlBblY08rwZDff6tNU9cjv6j//Q==",
+      "license": "MIT"
+    },
    "node_modules/fast-csv": {
      "version": "4.3.6",
      "resolved": "https://registry.npmjs.org/fast-csv/-/fast-csv-4.3.6.tgz",
@@ -11160,6 +11177,18 @@
        "react-native": "*"
      }
    },
+    "node_modules/react-native-get-random-values": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/react-native-get-random-values/-/react-native-get-random-values-2.0.0.tgz",
+      "integrity": "sha512-wx7/aPqsUIiWsG35D+MsUJd8ij96e3JKddklSdrdZUrheTx89gPtz3Q2yl9knBArj5u26Cl23T88ai+Q0vypdQ==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-base64-decode": "^1.0.0"
+      },
+      "peerDependencies": {
+        "react-native": ">=0.81"
+      }
+    },
    "node_modules/react-native-gifted-charts": {
      "version": "1.4.70",
      "license": "MIT",
@@ -13102,12 +13131,16 @@
      }
    },
    "node_modules/uuid": {
-      "version": "8.3.2",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
-      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-13.0.0.tgz",
+      "integrity": "sha512-XQegIaBTVUjSHliKqcnFqYypAd4S+WCYt5NIeRs6w/UAry7z8Y9j5ZwRRL4kzq9U3sD6v+85er9FvkEaBpji2w==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
      "license": "MIT",
      "bin": {
-        "uuid": "dist/bin/uuid"
+        "uuid": "dist-node/bin/uuid"
      }
    },
    "node_modules/v8-to-istanbul": {
@@ -41,6 +41,7 @@
    "react-native-element-dropdown": "^2.12.4",
    "react-native-fs": "^2.20.0",
    "react-native-gesture-handler": "^2.30.0",
+    "react-native-get-random-values": "^2.0.0",
    "react-native-gifted-charts": "^1.4.70",
    "react-native-haptic-feedback": "^2.3.3",
    "react-native-linear-gradient": "^2.8.3",
@@ -58,6 +59,7 @@
    "redux-persist": "^6.0.0",
    "sockjs-client": "^1.6.1",
    "text-encoding": "^0.7.0",
+    "uuid": "^13.0.0",
    "xlsx": "^0.18.5",
    "yup": "^1.7.1"
  },
@@ -6,6 +6,7 @@ import {
  TouchableOpacity,
  StyleSheet,
  Pressable,
+  ActivityIndicator,
 } from 'react-native';
 import colors from '../Color';

@@ -17,6 +18,7 @@ type ConfirmDialogProps = {
  cancelText?: string;
  onConfirm: () => void;
  onClose: () => void;
+loading:boolean
 };

 const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
@@ -27,6 +29,7 @@ const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
  cancelText = 'Cancel',
  onConfirm,
  onClose,
+  loading,
 }) => {
  return (
    <Modal
@@ -59,7 +62,10 @@ const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
                onClose();
              }}
            >
-              <Text style={styles.confirmText}>{confirmText}</Text>
+              { !loading ?<Text style={styles.confirmText}>{confirmText}</Text>:<ActivityIndicator
+              color={colors.primary}
+              size={30}
+              />}
            </TouchableOpacity>
          </View>
        </Pressable>
@@ -23,5 +23,6 @@ const NavigationString = {
    Profile:'Profile',
    ViewTenderDetail:'ViewTenderDetail',
    ResetPassword:'ResetPassword'
+    KycWebViewScreen:'KycWebViewScreen'
 }
 export default NavigationString
@@ -0,0 +1,15 @@
+export const generateTransactionId = () => {
+  const now = new Date();
+
+  const dateTime =
+    now.getFullYear().toString() +
+    (now.getMonth() + 1).toString().padStart(2, '0') +
+    now.getDate().toString().padStart(2, '0') +
+    now.getHours().toString().padStart(2, '0') +
+    now.getMinutes().toString().padStart(2, '0') +
+    now.getSeconds().toString().padStart(2, '0');
+
+  const randomPart = Math.floor(1000 + Math.random() * 9000); // 4-digit random
+
+  return `TNX${dateTime}${randomPart}`;
+};
@@ -32,7 +32,6 @@ export default function MainStack() {
      <Stack.Screen name={NavigationString.Signup} component={Screens.Signup} options={option} />
      <Stack.Screen name={NavigationString.Onboarding} component={Screens.Onboarding} options={option} />
      <Stack.Screen name={NavigationString.Login} component={Screens.Login} options={option} />
-
      <Stack.Screen name={NavigationString.Home} component={BottomTab} options={option} />
      <Stack.Screen name={NavigationString.PurchaseList} component={Screens.PurchaseList} options={option} />
      <Stack.Screen name={NavigationString.Emd} component={Screens.Emd} options={option} />
@@ -47,6 +46,8 @@ export default function MainStack() {
      <Stack.Screen name={NavigationString.Partnership} component={Screens.Partnership} options={option} />
      <Stack.Screen name={NavigationString.LiveTenderDetail} component={Screens.LiveTenderDetail} options={option} />
      <Stack.Screen name={NavigationString.ResetPassword} component={Screens.ResetPassword} options={option} />
+      <Stack.Screen name={NavigationString.ViewTenderDetail} component={Screens.ViewTenderDetail} options={option} />   
+      <Stack.Screen name={NavigationString.KycWebViewScreen} component={Screens.KycWebViewScreen} options={option} />
    </Stack.Navigator>
  );
 }
@@ -5,7 +5,7 @@ import { useFetchLiveAuction, useFetchPurchaseAuction } from '../../Services/BBP
 import colors from '../../Constant/Color';
 import LiveAuction from './LiveAuction';
 import PurchaseAuction from './PurchaseAuction';
-import { ShoppingCart } from 'lucide-react-native';
+import { ShoppingCart, Lock } from 'lucide-react-native';
 import { useNavigation } from '@react-navigation/native';
 import NavigationString from '../../Constant/NavigationString';
 import FontsFamily from '../../Constant/FontsFamily';
@@ -21,6 +21,7 @@ const Auction = () => {
  const { data: liveAuctionData = {} }: any = useFetchLiveAuction();
  const { data: purchaseAuctionData = {} } = useFetchPurchaseAuction();
  const SelectedPurchaseList = useSelector((state: any) => state.selectPurchaseAuction);
+  const reduxToken = useSelector((state: any) => state.token?.token);

  const liveCount = Array.isArray(liveAuctionData?.result)
    ? liveAuctionData?.pages?.[0]?.totalCount
@@ -31,7 +32,6 @@ const Auction = () => {
    : 0;

  const [selectedTab, setSelectedTab] = useState<'live' | 'purchase'>('live');
-
  const translateX = useRef(new Animated.Value(0)).current;

  const TAB_WIDTH = useMemo(() => {
@@ -48,97 +48,136 @@ const Auction = () => {
    }).start();
  };

+  // Check if user is tender type
+  const isTenderUser = reduxToken?.userType?.toLowerCase() === 'tender';
+
+  // Render restricted access message
+  const renderRestrictedAccess = () => (
+    <View style={styles.restrictedContainer}>
+      <View style={styles.restrictedCard}>
+        <View style={styles.iconContainer}>
+          <Lock size={64} color={colors.primary} />
+        </View>
+        
+        <Text style={styles.restrictedTitle}>Auction Access Restricted</Text>
+        
+        <Text style={styles.restrictedMessage}>
+          You are currently logged in as a Tender user. Auction features are not available for your account type.
+        </Text>
+
+        <Text style={styles.restrictedSubMessage}>
+          To access auction features, please login with an Auction user account.
+        </Text>
+
+        <TouchableOpacity
+          style={styles.loginButton}
+          onPress={() => Navigation.navigate(NavigationString.Login)}
+        >
+          <Text style={styles.loginButtonText}>Switch to Auction Login</Text>
+        </TouchableOpacity>
+      </View>
+    </View>
+  );
+
  return (
    <View style={styles.container}>
      <InsideHeader title="Auction" showArrow />

-      <View style={styles.topRow}>
-        <View
-          style={[
-            styles.switchWrapper,
-            {
-              width: TAB_WIDTH * 2 + SWITCH_INSETS * 2,
-            },
-          ]}
-        >
-          <Animated.View
-            pointerEvents="none"
-            style={[
-              styles.activeTab,
-              {
-                width: TAB_WIDTH,
-                transform: [{ translateX }],
-              },
-            ]}
-          />
-
-          <TouchableOpacity
-            style={[styles.tab, { width: TAB_WIDTH }]}
-            activeOpacity={0.8}
-            onPress={() => onTabPress('live', 0)}
-          >
-            <Text
-              style={[
-                styles.tabText,
-                selectedTab === 'live' && styles.activeText,
-              ]}
-            >
-              Live ({liveCount})
-            </Text>
-          </TouchableOpacity>
-
-          <TouchableOpacity
-            style={[styles.tab, { width: TAB_WIDTH }]}
-            activeOpacity={0.8}
-            onPress={() => onTabPress('purchase', 1)}
-          >
-            <Text
-              style={[
-                styles.tabText,
-                selectedTab === 'purchase' && styles.activeText,
-              ]}
-            >
-              Purchased ({purchaseCount})
-            </Text>
-          </TouchableOpacity>
-        </View>
-
-        <View>
-          {SelectedPurchaseList.length ? (
+      {isTenderUser ? (
+        // Show restricted access message for tender users
+        renderRestrictedAccess()
+      ) : (
+        // Show normal auction UI for auction users
+        <>
+          <View style={styles.topRow}>
            <View
-              style={{
-                borderWidth: 2,
-                borderColor: colors.white,
-                backgroundColor: colors.primaryLight,
-                position: 'absolute',
-                borderRadius: 50,
-                zIndex: 20,
-                right: 0,
-                top: -10,
-                paddingHorizontal: 2,
-              }}
+              style={[
+                styles.switchWrapper,
+                {
+                  width: TAB_WIDTH * 2 + SWITCH_INSETS * 2,
+                },
+              ]}
            >
-              <Text style={{ fontSize: 12, color: colors.black }}>
-                {SelectedPurchaseList.length}
-              </Text>
-            </View>
-          ) : null}
-          <TouchableOpacity
-            style={{
-              padding: 10,
-              backgroundColor: colors.primaryLight,
-              borderRadius: 20,
-            }}
-            onPress={() => {
-              Navigation.navigate(NavigationString.PurchaseList);
-            }}
-          >
-            <ShoppingCart size={22} color={colors.black} strokeWidth={2} />
-          </TouchableOpacity>
-        </View>
-      </View>
+              <Animated.View
+                pointerEvents="none"
+                style={[
+                  styles.activeTab,
+                  {
+                    width: TAB_WIDTH,
+                    transform: [{ translateX }],
+                  },
+                ]}
+              />

-      {selectedTab === 'live' ? <LiveAuction /> : <PurchaseAuction />}
+              <TouchableOpacity
+                style={[styles.tab, { width: TAB_WIDTH }]}
+                activeOpacity={0.8}
+                onPress={() => onTabPress('live', 0)}
+              >
+                <Text
+                  style={[
+                    styles.tabText,
+                    selectedTab === 'live' && styles.activeText,
+                  ]}
+                >
+                  Live ({liveCount})
+                </Text>
+              </TouchableOpacity>
+
+              <TouchableOpacity
+                style={[styles.tab, { width: TAB_WIDTH }]}
+                activeOpacity={0.8}
+                onPress={() => onTabPress('purchase', 1)}
+              >
+                <Text
+                  style={[
+                    styles.tabText,
+                    selectedTab === 'purchase' && styles.activeText,
+                  ]}
+                >
+                  Purchased ({purchaseCount})
+                </Text>
+              </TouchableOpacity>
+            </View>
+
+            <View>
+              {SelectedPurchaseList.length ? (
+                <View
+                  style={{
+                    borderWidth: 2,
+                    borderColor: colors.white,
+                    backgroundColor: colors.primaryLight,
+                    position: 'absolute',
+                    borderRadius: 50,
+                    zIndex: 20,
+                    right: 0,
+                    top: -10,
+                    paddingHorizontal: 2,
+                  }}
+                >
+                  <Text style={{ fontSize: 12, color: colors.black }}>
+                    {SelectedPurchaseList.length}
+                  </Text>
+                </View>
+              ) : null}
+              <TouchableOpacity
+                style={{
+                  padding: 10,
+                  backgroundColor: colors.primaryLight,
+                  borderRadius: 20,
+                }}
+                onPress={() => {
+                  Navigation.navigate(NavigationString.PurchaseList);
+                }}
+              >
+                <ShoppingCart size={22} color={colors.black} strokeWidth={2} />
+              </TouchableOpacity>
+            </View>
+          </View>
+
+          {selectedTab === 'live' ? <LiveAuction /> : <PurchaseAuction />}
+        </>
+      )}
    </View>
  );
 };
@@ -191,4 +230,70 @@ const styles = StyleSheet.create({
    shadowRadius: 6,
    elevation: 3,
  },
+  restrictedContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 24,
+    backgroundColor: colors.lightGray,
+  },
+  restrictedCard: {
+    backgroundColor: colors.white,
+    borderRadius: 24,
+    padding: 32,
+    alignItems: 'center',
+    maxWidth: 400,
+    width: '100%',
+
+  },
+  iconContainer: {
+    width: 120,
+    height: 120,
+    borderRadius: 60,
+    backgroundColor: colors.primaryHighlight,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginBottom: 24,
+  },
+  restrictedTitle: {
+    fontSize: 24,
+    fontWeight: '700',
+    color: colors.darkText,
+    textAlign: 'center',
+    marginBottom: 16,
+    fontFamily: FontsFamily.poppinsBold,
+  },
+  restrictedMessage: {
+    fontSize: 16,
+    color: colors.grayText,
+    textAlign: 'center',
+    lineHeight: 24,
+    marginBottom: 12,
+    fontFamily: FontsFamily.poppinsRegular,
+  },
+  restrictedSubMessage: {
+    fontSize: 14,
+    color: colors.grayText,
+    textAlign: 'center',
+    lineHeight: 22,
+    marginBottom: 32,
+    fontFamily: FontsFamily.poppinsRegular,
+  },
+  loginButton: {
+    backgroundColor: colors.primary,
+    paddingHorizontal: 32,
+    paddingVertical: 14,
+    borderRadius: 12,
+    shadowColor: colors.primary,
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.3,
+    shadowRadius: 8,
+    elevation: 4,
+  },
+  loginButtonText: {
+    color: colors.white,
+    fontSize: 16,
+    fontWeight: '600',
+    fontFamily: FontsFamily.poppinsSemiBold,
+  },
 });
@@ -1,13 +1,15 @@
 import React, { useEffect, useState } from 'react';
-import { View, Text, StyleSheet, Dimensions, FlatList, ActivityIndicator } from 'react-native';
+import { View, Text, StyleSheet, Dimensions, FlatList, ActivityIndicator, Alert } from 'react-native';
 import Animated, { useSharedValue, useAnimatedStyle, withDelay, withTiming } from 'react-native-reanimated';
 import { Layers, Clock, ShoppingCart, X, FileText } from 'lucide-react-native';
 import { Header } from '../../Component/Index';
 import colors from '../../Constant/Color';
 import { useDashboard, useESetuAdharVarification } from '../../Services/BBPS/Hooks';
-import { log } from 'console';
 import { useSelector } from 'react-redux';
 import ConfirmDialog from '../../Constant/Dialog/ConfirmDialog';
+import { generateTransactionId } from '../../Helper/uniqueId';
+import { useFocusEffect, useNavigation } from '@react-navigation/native';
+import NavigationString from '../../Constant/NavigationString';

 const { width } = Dimensions.get('window');
 const CARD_WIDTH = (width - 48) / 2;
@@ -43,7 +45,6 @@ const StatCard = ({ item, index, isLoading }: any) => {
        </View>
      </View>

-      {/* VALUE / LOADER */}
      {isLoading ? (
        <ActivityIndicator
          size="small"
@@ -61,34 +62,49 @@ const StatCard = ({ item, index, isLoading }: any) => {

 const Home = () => {
  const { data, isLoading } = useDashboard();
+  const Navigation: any = useNavigation();
  const user = useSelector((state: any) => state.token?.token);
-  console.log("-=--",user)
-    const { mutateAsync:eSetuAdharVarification } = useESetuAdharVarification();
+  const { mutateAsync: eSetuAdharVarification, isPending } = useESetuAdharVarification();
  const dashboard = data?.data || {};
-    const [esetu,setEsetu] = useState<boolean>();
-     useEffect(()=>{
-if(user?.esetuVerified === 'Not Verified'){
-  const payLoad= {
-  contId: user,
-  transactionId: "string",
-  udf1: "string",
-  udf2: "string",
-  udf3: "string",
-  udf4: "string",
-  responseUrl: "string"
-}
-setEsetu(true)
-   eSetuAdharVarification(payLoad, {
-      onSuccess: (res) => {
-console.log(res)
-      }, onError: (err) => {
-        console.log(err, '-----auction item error');
-      }
-    });
-}else{
-  setEsetu(false)
-}
- },[user])
+  const [showDialog, setShowDialog] = useState<boolean>(false);
+  const [isNavigating, setIsNavigating] = useState<boolean>(false);
+  useFocusEffect(()=>{
+    setIsNavigating(false)
+  })
+  useEffect(() => {
+    if (user?.esetuVerified === 'Not Verified') {
+      setShowDialog(true);
+    }
+  }, []);
+
+  const handleProceedVerification = async () => {
+    try {
+      setIsNavigating(true);
+      
+      const payload = {
+        contId: user.id,
+        transactionId: generateTransactionId(),
+        udf1: "23.77",
+        udf2: "77.34",
+        udf3: "string",
+        udf4: "string",
+      };
+
+      console.log("Payload:", payload);
+      
+      const res = await eSetuAdharVarification(payload);
+      console.log("Verification response:", res);
+      
+      setShowDialog(false);
+      
+      Navigation.navigate(NavigationString.KycWebViewScreen, { res });
+      
+    } catch (err) {
+      console.log("Verification error:", err);
+      Alert.alert('Error', 'Failed to initiate verification. Please try again.');
+      setIsNavigating(false);
+    }
+  };

  const DASHBOARD_CARDS = [
    {
@@ -119,7 +135,6 @@ console.log(res)
      icon: X,
      color: '#DC2626',
    },
-
    {
      title: 'Total Tenders',
      value: 0,
@@ -153,18 +168,25 @@ console.log(res)
  return (
    <View style={styles.screen}>
      <Header title="Dashboard" />
-<ConfirmDialog
-  visible={esetu as boolean}
-title="Aadhaar Verification Required"
-message="To access features, please complete your Aadhaar verification."
- confirmText="Proceed"
-  cancelText="Cancel"
-  onConfirm={() => {
-    setEsetu(false);
+      
+      <ConfirmDialog
+        visible={showDialog}
+        title="Aadhaar Verification Required"
+        message="To access features, please complete your Aadhaar verification."
+        confirmText={isPending || isNavigating ? "Processing..." : "Proceed"}
+        cancelText="Cancel"
+        onConfirm={handleProceedVerification}
+        onClose={() => !isPending && !isNavigating && setShowDialog(false)}
+        loading={isPending || isNavigating}
+      />
+
+      {isNavigating && (
+        <View style={styles.navigationOverlay}>
+          <ActivityIndicator size="large" color={colors.primary || '#2563EB'} />
+          <Text style={styles.loadingText}>Loading verification...</Text>
+        </View>
+      )}

-  }}
-  onClose={() => setEsetu(false)}
-/>
      <FlatList
        data={DASHBOARD_CARDS}
        keyExtractor={(_, index) => index.toString()}
@@ -186,23 +208,19 @@ message="To access features, please complete your Aadhaar verification."

 export default Home;

-
 const styles = StyleSheet.create({
  screen: {
    flex: 1,
    backgroundColor: colors.white,
  },
-
  list: {
    padding: 16,
    paddingBottom: 24,
  },
-
  row: {
    justifyContent: 'space-between',
    marginBottom: 16,
  },
-
  card: {
    width: CARD_WIDTH,
    backgroundColor: '#FFFFFF',
@@ -215,13 +233,11 @@ const styles = StyleSheet.create({
    shadowRadius: 8,
    elevation: 3,
  },
-
  header: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'flex-start',
  },
-
  title: {
    fontSize: 13,
    fontWeight: '600',
@@ -229,7 +245,6 @@ const styles = StyleSheet.create({
    flex: 1,
    paddingRight: 8,
  },
-
  badge: {
    flexDirection: 'row',
    alignItems: 'center',
@@ -239,22 +254,36 @@ const styles = StyleSheet.create({
    paddingHorizontal: 8,
    paddingVertical: 4,
  },
-
  badgeText: {
    fontSize: 12,
    fontWeight: '700',
  },
-
  value: {
    fontSize: 28,
    fontWeight: '800',
    color: '#111827',
    marginTop: 5,
  },
-
  desc: {
    fontSize: 12,
    color: '#6B7280',
    marginTop: 6,
  },
+  navigationOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(255, 255, 255, 0.9)',
+    justifyContent: 'center',
+    alignItems: 'center',
+    zIndex: 999,
+  },
+  loadingText: {
+    marginTop: 12,
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#374151',
+  },
 });
@@ -0,0 +1,256 @@
+import React, { useEffect, useRef, useState } from "react";
+import { View, ActivityIndicator, StyleSheet, Text } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { WebView } from "react-native-webview";
+import { CommonActions } from "@react-navigation/native";
+import colors from "../../Constant/Color";
+
+const SUCCESS_DELAY_MS = 5000; // 5 seconds
+
+export const KycWebViewScreen = ({ route, navigation }: any) => {
+  const webRef = useRef<WebView>(null);
+  const pollTimerRef = useRef<ReturnType<typeof setInterval> | null>(null);
+  const hasCompletedRef = useRef(false);
+  const successTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  const data = route.params ?? {};
+  const html = data.res.data;
+  const [isLoading, setIsLoading] = useState<boolean>(true);
+  const [loadError, setLoadError] = useState<boolean>(false);
+  const [showSuccessMessage, setShowSuccessMessage] = useState<boolean>(false);
+  const [countdown, setCountdown] = useState<number>(5);
+  const url = false;
+
+  useEffect(() => {
+    return () => {
+      if (pollTimerRef.current) {
+        clearInterval(pollTimerRef.current);
+      }
+      if (successTimeoutRef.current) {
+        clearTimeout(successTimeoutRef.current);
+      }
+    };
+  }, []);
+
+  const navigateToLogin = () => {
+    navigation.dispatch(
+      CommonActions.reset({
+        index: 0,
+        routes: [{ name: 'Login' }], // Adjust to your login screen route name
+      })
+    );
+  };
+
+  const startSuccessCountdown = () => {
+    setShowSuccessMessage(true);
+    setCountdown(5);
+
+    let remainingSeconds = 5;
+    const countdownInterval = setInterval(() => {
+      remainingSeconds -= 1;
+      setCountdown(remainingSeconds);
+      
+      if (remainingSeconds <= 0) {
+        clearInterval(countdownInterval);
+      }
+    }, 1000);
+
+    successTimeoutRef.current = setTimeout(() => {
+      clearInterval(countdownInterval);
+      navigateToLogin();
+    }, SUCCESS_DELAY_MS);
+  };
+
+  const handleLoadStart = (event: any) => {
+    setIsLoading(true);
+    setLoadError(false);
+  };
+
+  const handleLoadEnd = (event: any) => {
+    setIsLoading(false);
+  };
+
+  const handleError = (event: any) => {
+    setIsLoading(false);
+    setLoadError(true);
+  };
+
+  const handleNavigationStateChange = (navState: any) => {
+    if (
+      navState.title && 
+      navState.title.includes('E-KYC SETU - Verification Success') &&
+      !hasCompletedRef.current
+    ) {
+      hasCompletedRef.current = true;
+      startSuccessCountdown();
+    }
+  };
+
+  const LoadingIndicator = () => (
+    <View style={styles.loadingContainer}>
+      <ActivityIndicator size="large" color={colors.primary || '#2563EB'} />
+      <Text style={styles.loadingText}>Loading KYC form...</Text>
+    </View>
+  );
+
+  return (
+    <SafeAreaView style={{ flex: 1, backgroundColor: colors.white }}>
+      {url ? (
+        <WebView
+          ref={webRef}
+          source={{
+            uri: url,
+            baseUrl: "http://192.168.1.15:8080/",
+          }}
+          javaScriptEnabled
+          domStorageEnabled
+          startInLoadingState
+          originWhitelist={["*"]}
+          setSupportMultipleWindows={false}
+          onLoadStart={handleLoadStart}
+          onLoadEnd={handleLoadEnd}
+          onError={handleError}
+          onNavigationStateChange={handleNavigationStateChange}
+          renderLoading={() => <LoadingIndicator />}
+        />
+      ) : (
+        <WebView
+          ref={webRef}
+          source={{
+            html: html ?? "<h3>No content</h3>",
+            baseUrl: "https://11.godemo.in/ESetuKYC/initiate/",
+          }}
+          javaScriptEnabled
+          domStorageEnabled
+          startInLoadingState
+          onLoadStart={handleLoadStart}
+          onLoadEnd={handleLoadEnd}
+          onError={handleError}
+          onNavigationStateChange={handleNavigationStateChange}
+          renderLoading={() => <LoadingIndicator />}
+        />
+      )}
+
+      {isLoading && !showSuccessMessage && <LoadingIndicator />}
+
+      {showSuccessMessage && (
+        <View style={styles.successContainer}>
+          <View style={styles.successCard}>
+            <Text style={styles.successIcon}>✅</Text>
+            <Text style={styles.successTitle}>Verification Successful!</Text>
+            <Text style={styles.successMessage}>
+              Your KYC verification has been completed successfully.
+            </Text>
+            <Text style={styles.countdownText}>
+              Redirecting in {countdown} seconds...
+            </Text>
+            <ActivityIndicator 
+              size="small" 
+              color={colors.primary || '#2563EB'} 
+              style={{ marginTop: 16 }}
+            />
+          </View>
+        </View>
+      )}
+
+      {loadError && (
+        <View style={styles.errorContainer}>
+          <Text style={styles.errorText}>Failed to load content</Text>
+          <Text style={styles.errorSubText}>Please try again</Text>
+        </View>
+      )}
+    </SafeAreaView>
+  );
+};
+
+export default KycWebViewScreen;
+
+const styles = StyleSheet.create({
+  loadingContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: colors.white,
+    zIndex: 1,
+  },
+  loadingText: {
+    marginTop: 12,
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#374151',
+  },
+  successContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(255, 255, 255, 0.95)',
+    zIndex: 2,
+    padding: 24,
+  },
+  successCard: {
+    backgroundColor: '#FFFFFF',
+    borderRadius: 20,
+    padding: 32,
+    alignItems: 'center',
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.1,
+    shadowRadius: 12,
+    elevation: 8,
+    maxWidth: 340,
+    width: '100%',
+  },
+  successIcon: {
+    fontSize: 64,
+    marginBottom: 16,
+  },
+  successTitle: {
+    fontSize: 24,
+    fontWeight: '700',
+    color: '#16A34A',
+    marginBottom: 12,
+    textAlign: 'center',
+  },
+  successMessage: {
+    fontSize: 16,
+    color: '#374151',
+    textAlign: 'center',
+    marginBottom: 20,
+    lineHeight: 24,
+  },
+  countdownText: {
+    fontSize: 18,
+    fontWeight: '600',
+    color: '#2563EB',
+    textAlign: 'center',
+  },
+  errorContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: colors.white,
+    zIndex: 1,
+  },
+  errorText: {
+    fontSize: 18,
+    fontWeight: '700',
+    color: '#DC2626',
+    marginBottom: 8,
+  },
+  errorSubText: {
+    fontSize: 14,
+    color: '#6B7280',
+  },
+});
@@ -52,9 +52,14 @@ import {
  X,
  Save,
 } from 'lucide-react-native';
+import { useFocusEffect, useNavigation } from '@react-navigation/native';

-import { useContractorProfile, useUpdateUserProfile } from '../../Services/BBPS/Hooks';
+import { useContractorProfile, useUpdateUserProfile, useESetuAdharVarification } from '../../Services/BBPS/Hooks';
 import colors from '../../Constant/Color';
+import { useSelector } from 'react-redux';
+import ConfirmDialog from '../../Constant/Dialog/ConfirmDialog';
+import { generateTransactionId } from '../../Helper/uniqueId';
+import NavigationString from '../../Constant/NavigationString';

 const { width } = Dimensions.get('window');

@@ -102,10 +107,12 @@ interface ContractorData {

 interface ProfileHeaderProps {
  data: ContractorData;
+  displayName: string;
 }

 interface QuickStatsProps {
  data: ContractorData;
+  onAadhaarPress: () => void;
 }

 interface InfoSectionProps {
@@ -129,6 +136,7 @@ interface StatItem {
  label: string;
  value: string;
  color: string;
+  onPress?: () => void;
 }

 interface UpdateProfilePayload {
@@ -150,10 +158,65 @@ const isValidValue = (value: any): boolean => {
  return true;
 };

+// Helper function to check if section has any valid data
+const hasSectionData = (values: any[]): boolean => {
+  return values.some(value => isValidValue(value));
+};
+
 // Main Component
 const ProfileTab: React.FC = () => {
  const { data, refetch, isLoading, error } = useContractorProfile();
+  const user = useSelector((state: any) => state.token?.token);
+  const Navigation: any = useNavigation();
+  const { mutateAsync: eSetuAdharVarification, isPending } = useESetuAdharVarification();
+  
  const [editModalVisible, setEditModalVisible] = useState(false);
+  const [showDialog, setShowDialog] = useState<boolean>(false);
+  const [isNavigating, setIsNavigating] = useState<boolean>(false);
+
+  // Check if user is auction type
+  const isAuctionUser = user?.userType?.toLowerCase() === 'auction';
+
+  // Get display data based on user type
+  const displayName = isAuctionUser ? user?.fullName : data?.fullName;
+  const displayMobile = isAuctionUser ? user?.mobileNo : data?.mobileNo;
+
+  const handleAadhaarPress = () => {
+    if (user?.esetuVerified === 'Not Verified') {
+      setShowDialog(true);
+    }
+  };
+
+   useFocusEffect(()=>{
+      setIsNavigating(false)
+    })
+
+  const handleProceedVerification = async () => {
+    try {
+      setIsNavigating(true);
+      
+      const payload = {
+        contId: user.id,
+        transactionId: generateTransactionId(),
+        udf1: "23.77",
+        udf2: "77.34",
+        udf3: "string",
+        udf4: "string",
+        responseUrl: "https://dev.procurelinc.in/"
+      };
+
+      const res = await eSetuAdharVarification(payload);
+      
+      setShowDialog(false);
+      
+      Navigation.navigate(NavigationString.KycWebViewScreen, { res });
+      
+    } catch (err) {
+      console.log("Verification error:", err);
+      Alert.alert('Error', 'Failed to initiate verification. Please try again.');
+      setIsNavigating(false);
+    }
+  };

  if (isLoading) {
    return (
@@ -199,78 +262,128 @@ const ProfileTab: React.FC = () => {
        windowSize={10}
      >
        {/* Header with Gradient */}
-        <ProfileHeader data={data} />
+        <ProfileHeader data={data} displayName={displayName || data.fullName} />

        {/* Quick Stats */}
-        <QuickStats data={data} />
+        <QuickStats data={data} onAadhaarPress={handleAadhaarPress} />

-        {/* Personal Information */}
+        {/* Personal Information - Always show */}
        <InfoSection
          title="Personal Information"
          IconComponent={UserCircle}
          delay={0}
-          showEdit={true}
+          showEdit={!isAuctionUser}
          onEdit={() => setEditModalVisible(true)}
        >
-          <InfoRow label="Full Name" value={data.firstName+" "+data.middleName+" "+data.lastName} IconComponent={User} />
+          <InfoRow 
+            label="Full Name" 
+            value={isAuctionUser ? displayName : `${data.firstName} ${data.middleName} ${data.lastName}`.trim()} 
+            IconComponent={User} 
+          />
          <InfoRow label="Email" value={data.emailId} IconComponent={Mail} />
          <InfoRow
            label="Mobile"
-            value={`${data.dialCode} ${data.mobileNo}`}
+            value={isAuctionUser ? displayMobile : `${data.dialCode} ${data.mobileNo}`}
            IconComponent={Phone}
          />
          <InfoRow label="Designation" value={data.designation} IconComponent={Briefcase} />
        </InfoSection>

-        {/* Company Details */}
-        <InfoSection title="Company Details" IconComponent={Building2} delay={0}>
-          <InfoRow label="Company" value={data.company} IconComponent={Building} />
-          <InfoRow label="Type" value={data.contractorType} IconComponent={Tag} />
-          <InfoRow label="Organization" value={data.contOrganization} IconComponent={Network} />
-          <InfoRow label="Website" value={data.agentWebsite} IconComponent={Globe} />
-          <InfoRow label="Registration No" value={data.agentRegno} IconComponent={Award} />
-        </InfoSection>
+        {/* Company Details - Only show if has data */}
+        {hasSectionData([
+          data.company,
+          data.contractorType,
+          data.contOrganization,
+          data.agentWebsite,
+          data.agentRegno
+        ]) && (
+          <InfoSection title="Company Details" IconComponent={Building2} delay={0}>
+            <InfoRow label="Company" value={data.company} IconComponent={Building} />
+            <InfoRow label="Type" value={data.contractorType} IconComponent={Tag} />
+            <InfoRow label="Organization" value={data.contOrganization} IconComponent={Network} />
+            <InfoRow label="Website" value={data.agentWebsite} IconComponent={Globe} />
+            <InfoRow label="Registration No" value={data.agentRegno} IconComponent={Award} />
+          </InfoSection>
+        )}

-        {/* Address Information */}
-        <InfoSection title="Address Information" IconComponent={MapPin} delay={0}>
-          <InfoRow label="Address" value={data.agentAddress} IconComponent={Home} />
-          <InfoRow label="City" value={data.agentCity} IconComponent={Building2} />
-          <InfoRow label="State" value={data.agentState} IconComponent={Map} />
-          <InfoRow label="Pincode" value={data.agentPincode} IconComponent={Mailbox} />
-        </InfoSection>
+        {/* Address Information - Only show if has data */}
+        {hasSectionData([
+          data.agentAddress,
+          data.agentCity,
+          data.agentState,
+          data.agentPincode
+        ]) && (
+          <InfoSection title="Address Information" IconComponent={MapPin} delay={0}>
+            <InfoRow label="Address" value={data.agentAddress} IconComponent={Home} />
+            <InfoRow label="City" value={data.agentCity} IconComponent={Building2} />
+            <InfoRow label="State" value={data.agentState} IconComponent={Map} />
+            <InfoRow label="Pincode" value={data.agentPincode} IconComponent={Mailbox} />
+          </InfoSection>
+        )}

-        {/* Tax & Legal */}
-        <InfoSection title="Tax & Legal Information" IconComponent={FileText} delay={0}>
-          <InfoRow label="PAN Number" value={data.orgPAN} IconComponent={CreditCard} />
-          <InfoRow label="PAN Name" value={data.orgPANname} IconComponent={Type} />
-          <InfoRow label="PAN DOB" value={data.orgPANdob} IconComponent={Calendar} />
-          <InfoRow label="GSTIN" value={data.gistnNo} IconComponent={Receipt} />
-          <InfoRow label="Aadhar" value={data.comAadharNo} IconComponent={FileText} />
-        </InfoSection>
+        {/* Tax & Legal - Only show if has data */}
+        {hasSectionData([
+          data.orgPAN,
+          data.orgPANname,
+          data.orgPANdob,
+          data.gistnNo,
+          data.comAadharNo
+        ]) && (
+          <InfoSection title="Tax & Legal Information" IconComponent={FileText} delay={0}>
+            <InfoRow label="PAN Number" value={data.orgPAN} IconComponent={CreditCard} />
+            <InfoRow label="PAN Name" value={data.orgPANname} IconComponent={Type} />
+            <InfoRow label="PAN DOB" value={data.orgPANdob} IconComponent={Calendar} />
+            <InfoRow label="GSTIN" value={data.gistnNo} IconComponent={Receipt} />
+            <InfoRow label="Aadhar" value={data.comAadharNo} IconComponent={FileText} />
+          </InfoSection>
+        )}

-        {/* Registration Status */}
-        <InfoSection title="Registration Details" IconComponent={ClipboardCheck} delay={0}>
-          <InfoRow label="Class" value={data.contractorClass} IconComponent={Star} />
-          <InfoRow label="Category" value={data.socialCategory} IconComponent={List} />
-          <InfoRow label="MSME Status" value={data.msmeStatus} IconComponent={Factory} />
-          <InfoRow
-            label="Expiry Date"
-            value={data.expiryDate}
-            IconComponent={CalendarClock}
-            valueColor={colors.warning}
-          />
-        </InfoSection>
+        {/* Registration Status - Only show if has data */}
+        {hasSectionData([
+          data.contractorClass,
+          data.socialCategory,
+          data.msmeStatus,
+          data.expiryDate
+        ]) && (
+          <InfoSection title="Registration Details" IconComponent={ClipboardCheck} delay={0}>
+            <InfoRow label="Class" value={data.contractorClass} IconComponent={Star} />
+            <InfoRow label="Category" value={data.socialCategory} IconComponent={List} />
+            <InfoRow label="MSME Status" value={data.msmeStatus} IconComponent={Factory} />
+            <InfoRow
+              label="Expiry Date"
+              value={data.expiryDate}
+              IconComponent={CalendarClock}
+              valueColor={colors.warning}
+            />
+          </InfoSection>
+        )}

        <View style={{ height: 40 }} />
      </ScrollView>

-      {/* Edit Modal */}
-      <EditProfileModal
-        visible={editModalVisible}
-        onClose={() => setEditModalVisible(false)}
-        data={data}
-        onSuccess={refetch}
+      {/* Edit Modal - Only for tender users */}
+      {!isAuctionUser && (
+        <EditProfileModal
+          visible={editModalVisible}
+          onClose={() => setEditModalVisible(false)}
+          data={data}
+          onSuccess={refetch}
+        />
+      )}
+
+      {/* Aadhaar Verification Dialog */}
+      <ConfirmDialog
+        visible={showDialog}
+        title="Aadhaar Verification Required"
+        message="To access all features, please complete your Aadhaar verification."
+        confirmText={isPending || isNavigating ? "Processing..." : "Proceed"}
+        cancelText="Cancel"
+        onConfirm={handleProceedVerification}
+        onClose={() => !isPending && !isNavigating && setShowDialog(false)}
+        loading={isPending || isNavigating}
      />
+
+
    </>
  );
 };
@@ -302,7 +415,6 @@ const EditProfileModal: React.FC<EditProfileModalProps> = ({

  const updateProfileMutation = useUpdateUserProfile();

-  // Reset form when modal opens
  useEffect(() => {
    if (visible) {
      setFormData({
@@ -340,7 +452,6 @@ const EditProfileModal: React.FC<EditProfileModalProps> = ({
      newErrors.mobileNo = 'Invalid mobile number';
    }

-    // Auto-generate fullname
    const generatedFullName = `${formData.firstName} ${formData.middleName} ${formData.lastName}`.trim();
    setFormData(prev => ({ ...prev, fullname: generatedFullName }));

@@ -375,7 +486,6 @@ const EditProfileModal: React.FC<EditProfileModalProps> = ({
        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
      >
        <View style={styles.modalContent}>
-          {/* Header */}
          <View style={styles.modalHeader}>
            <Text style={styles.modalTitle}>Edit Personal Information</Text>
            <TouchableOpacity onPress={onClose} style={styles.closeButton}>
@@ -383,9 +493,7 @@ const EditProfileModal: React.FC<EditProfileModalProps> = ({
            </TouchableOpacity>
          </View>

-          {/* Form */}
          <ScrollView style={styles.formContainer} showsVerticalScrollIndicator={false}>
-            {/* First Name */}
            <View style={styles.inputGroup}>
              <Text style={styles.inputLabel}>First Name *</Text>
              <TextInput
@@ -400,7 +508,6 @@ const EditProfileModal: React.FC<EditProfileModalProps> = ({
              )}
            </View>

-            {/* Middle Name */}
            <View style={styles.inputGroup}>
              <Text style={styles.inputLabel}>Middle Name</Text>
              <TextInput
@@ -412,7 +519,6 @@ const EditProfileModal: React.FC<EditProfileModalProps> = ({
              />
            </View>

-            {/* Last Name */}
            <View style={styles.inputGroup}>
              <Text style={styles.inputLabel}>Last Name *</Text>
              <TextInput
@@ -427,7 +533,6 @@ const EditProfileModal: React.FC<EditProfileModalProps> = ({
              )}
            </View>

-            {/* Email */}
            <View style={styles.inputGroup}>
              <Text style={styles.inputLabel}>Email *</Text>
              <TextInput
@@ -444,7 +549,6 @@ const EditProfileModal: React.FC<EditProfileModalProps> = ({
              )}
            </View>

-            {/* Mobile Number */}
            <View style={styles.inputGroup}>
              <Text style={styles.inputLabel}>Mobile Number *</Text>
              <TextInput
@@ -462,7 +566,6 @@ const EditProfileModal: React.FC<EditProfileModalProps> = ({
            </View>
          </ScrollView>

-          {/* Footer Buttons */}
          <View style={styles.modalFooter}>
            <TouchableOpacity
              style={[styles.button, styles.cancelButton]}
@@ -494,7 +597,7 @@ const EditProfileModal: React.FC<EditProfileModalProps> = ({
 };

 // Profile Header Component - OPTIMIZED
-const ProfileHeader: React.FC<ProfileHeaderProps> = React.memo(({ data }) => {
+const ProfileHeader: React.FC<ProfileHeaderProps> = React.memo(({ data, displayName }) => {
  const getInitials = (name: string): string => {
    if (!name || typeof name !== 'string' || name.trim().length === 0) {
      const fallbackName = `${data.firstName || ''} ${data.lastName || ''}`.trim();
@@ -536,7 +639,7 @@ const ProfileHeader: React.FC<ProfileHeaderProps> = React.memo(({ data }) => {
      >
        <View style={styles.avatarContainer}>
          <View style={styles.avatar}>
-            <Text style={styles.avatarText}>{getInitials(data.fullName)}</Text>
+            <Text style={styles.avatarText}>{getInitials(displayName)}</Text>
          </View>
          <View style={[styles.statusBadge, { backgroundColor: getStatusColor() }]}>
            <View style={styles.statusDot} />
@@ -544,9 +647,7 @@ const ProfileHeader: React.FC<ProfileHeaderProps> = React.memo(({ data }) => {
        </View>

        <Text style={styles.headerName}>
-          {data.fullName ||
-            `${data.firstName} ${data.lastName}`.trim() ||
-            'Unknown User'}
+          {displayName || 'Unknown User'}
        </Text>

        <View style={styles.roleBadge}>
@@ -560,15 +661,18 @@ const ProfileHeader: React.FC<ProfileHeaderProps> = React.memo(({ data }) => {

 ProfileHeader.displayName = 'ProfileHeader';

-// Quick Stats Component - OPTIMIZED
-const QuickStats: React.FC<QuickStatsProps> = React.memo(({ data }) => {
+// Quick Stats Component - OPTIMIZED WITH TOUCHABLE AADHAAR
+const QuickStats: React.FC<QuickStatsProps> = React.memo(({ data, onAadhaarPress }) => {
+  const user = useSelector((state: any) => state.token?.token);
+  
  const stats: StatItem[] = useMemo(
    () => [
      {
        Icon: CheckCircle,
-        label: 'Status',
-        value: data.isActive,
-        color: colors.success,
+        label: 'Aadhaar',
+        value: user?.esetuVerified,
+        color: user?.esetuVerified === 'Not Verified' ? colors.error : colors.success,
+        onPress: onAadhaarPress,
      },
      {
        Icon: ShieldCheck,
@@ -583,20 +687,37 @@ const QuickStats: React.FC<QuickStatsProps> = React.memo(({ data }) => {
        color: colors.info,
      },
    ],
-    [data.isActive, data.twoFactorAuthEnabled, data.registrationStatus]
+    [data.twoFactorAuthEnabled, data.registrationStatus, user?.esetuVerified, onAadhaarPress]
  );

  return (
    <View style={styles.statsContainer}>
-      {stats.map((stat) => (
-        <View key={stat.label} style={styles.statCard}>
-          <stat.Icon size={28} color={stat.color} />
-          <Text style={styles.statValue} numberOfLines={2}>
-            {stat.value}
-          </Text>
-          <Text style={styles.statLabel}>{stat.label}</Text>
-        </View>
-      ))}
+      {stats.map((stat) => {
+        const CardContent = (
+          <View style={styles.statCard}>
+            <stat.Icon size={28} color={stat.color} />
+            <Text style={styles.statValue} numberOfLines={2}>
+              {stat.value}
+            </Text>
+            <Text style={styles.statLabel}>{stat.label}</Text>
+          </View>
+        );
+
+        if (stat.onPress) {
+          return (
+            <TouchableOpacity
+              key={stat.label}
+              activeOpacity={0.7}
+              onPress={stat.onPress}
+              style={{ flex: 1 }}
+            >
+              {CardContent}
+            </TouchableOpacity>
+          );
+        }
+
+        return <View key={stat.label} style={{ flex: 1 }}>{CardContent}</View>;
+      })}
    </View>
  );
 });
@@ -632,7 +753,6 @@ InfoSection.displayName = 'InfoSection';
 // Info Row Component - OPTIMIZED
 const InfoRow: React.FC<InfoRowProps> = React.memo(
  ({ label, value, IconComponent, valueColor }) => {
-    // Return null if value is not valid
    if (!isValidValue(value)) {
      return null;
    }
@@ -714,6 +834,7 @@ interface Styles {
  saveButton: ViewStyle;
  cancelButtonText: TextStyle;
  saveButtonText: TextStyle;
+  navigationOverlay: ViewStyle;
 }

 const styles = StyleSheet.create<Styles>({
@@ -762,7 +883,6 @@ const styles = StyleSheet.create<Styles>({
    fontWeight: '600',
  },

-  // Header Styles
  headerGradient: {
    paddingTop: Platform.OS === 'ios' ? 60 : 40,
    paddingBottom: 30,
@@ -840,7 +960,6 @@ const styles = StyleSheet.create<Styles>({
    fontWeight: '600',
  },

-  // Stats Styles
  statsContainer: {
    flexDirection: 'row',
    marginHorizontal: 16,
@@ -873,7 +992,6 @@ const styles = StyleSheet.create<Styles>({
    marginTop: 4,
  },

-  // Section Styles
  section: {
    marginHorizontal: 16,
    marginTop: 24,
@@ -924,7 +1042,6 @@ const styles = StyleSheet.create<Styles>({
    backgroundColor: colors.primaryHighlight,
  },

-  // Info Row Styles
  infoRow: {
    borderRadius: 12,
    overflow: 'hidden',
@@ -965,7 +1082,6 @@ const styles = StyleSheet.create<Styles>({
    lineHeight: 21,
  },

-  // Modal Styles
  modalOverlay: {
    flex: 1,
    backgroundColor: 'rgba(0, 0, 0, 0.5)',
@@ -1057,6 +1173,17 @@ const styles = StyleSheet.create<Styles>({
    fontWeight: '600',
    color: colors.white,
  },
+  navigationOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(255, 255, 255, 0.9)',
+    justifyContent: 'center',
+    alignItems: 'center',
+    zIndex: 999,
+  },
 });

 export default ProfileTab;
@@ -24,7 +24,7 @@ const Splash: React.FC = () => {
  const isFocused = useIsFocused();
  const fadeAnim = useRef(new Animated.Value(0)).current;
  const reduxToken = useSelector((state: any) => state.token?.token);
-  console.log("user Token",reduxToken)
+  console.log("user Token", reduxToken)
  const store = useStore();
  const { mutateAsync: registrationStateMutate } = useRagistrationState();
  const [isHydrated, setIsHydrated] = useState(false);
@@ -66,11 +66,19 @@ const Splash: React.FC = () => {
  const handleGetData = async () => {
    try {
      const res = await registrationStateMutate();
-      console.log("ragister",res)
-      if (res?.statusCode === 404 || res?.statusCode === 401) {
-        navigation.replace('Registration');
-        return;
+      console.log("ragister", res)
+
+      if ( res?.data?.message==="No Response From Server"&& res?.data?.success===false){
+            navigation.reset({
+            index: 0,
+            routes: [{ name: NavigationString.Login }],
+          });
+          return
      }
+        if (res?.statusCode === 404 || res?.statusCode === 401) {
+          navigation.replace('Registration');
+          return;
+        }

      if (res?.statusCode === 200 && res?.data) {
        const { registrationStatus, contOtherId, contOrganization } = res.data;
@@ -22,7 +22,7 @@ const EnvelopeCExcelPreview = (tenderData: any) => {
    const [data, setData] = useState<any[]>([]);
    const [columns, setColumns] = useState<string[]>([]);
    const [loading, setLoading] = useState(false);
-
+console.log("kllkl",tenderData)
    useEffect(() => {
        loadExcelFromApi();
    }, []);
@@ -237,9 +237,9 @@ const EnvelopeCExcelPreview = (tenderData: any) => {
                </View>
            </ScrollView>

-            <TouchableOpacity style={styles.button} onPress={saveUpdatedExcel}>
+         {tenderData?.buttonEnable &&   <TouchableOpacity style={styles.button} onPress={saveUpdatedExcel}>
                <Text style={styles.buttonText}>Save Updated Excel</Text>
-            </TouchableOpacity>
+            </TouchableOpacity>}
        </View>
    );
 };
@@ -12,6 +12,7 @@ const ProceedToBidDetail = () => {
    const { data, refetch, isRefetching } = useProceedToBid(tenderDataId?.tenderId);
    const { data: tenderResponse, refetch: tenderRefetch }: any = useFetchTenderById(tenderDataId?.tenderId);
    const tenderData = tenderResponse?.data;
+    console.log("dataopop",tenderData)
    const [refreshing, setRefreshing] = React.useState(false);
    const [loading, setLoading] = React.useState(false);

@@ -174,8 +175,8 @@ const ProceedToBidDetail = () => {
                    <Text style={styles.sectionTitle}>Envelope Submission Status</Text>
                    <View style={styles.statusGrid}>
                        <StatusIndicator status={tenderData?.envelopeASubmittStatus} label="Envelope A" />
-                        <StatusIndicator status={tenderData?.envelopeBSubmittStatus} label="Envelope B" />
-                        <StatusIndicator status={tenderData?.envelopeCSubmittStatus} label="Envelope C" />
+                        {tenderData?.showEB &&<StatusIndicator status={tenderData?.envelopeBSubmittStatus} label="Envelope B" />}
+                        {tenderData?.showEC &&<StatusIndicator status={tenderData?.envelopeCSubmittStatus} label="Envelope C" />}
                    </View>
                </View>

@@ -13,7 +13,7 @@ import {
  useFetchPurchaseTender,
 } from '../../Services/BBPS/Hooks';
 import colors from '../../Constant/Color';
-import { ShoppingCart } from 'lucide-react-native';
+import { ShoppingCart, Lock } from 'lucide-react-native';
 import { useNavigation } from '@react-navigation/native';
 import NavigationString from '../../Constant/NavigationString';
 import FontsFamily from '../../Constant/FontsFamily';
@@ -33,6 +33,7 @@ const Tender = () => {
  const SelectedPurchaseList = useSelector(
    (state: any) => state?.selectPurchaseTender,
  );
+  const reduxToken = useSelector((state: any) => state.token?.token);

  const liveCount = liveTenderData?.pages?.[0]?.totalCount || 0;
  const purchaseCount = purchaseTenderData?.pages?.[0]?.totalCount || 0;
@@ -54,97 +55,136 @@ const Tender = () => {
    }).start();
  };

+  // Check if user is auction type
+  const isAuctionUser = reduxToken?.userType?.toLowerCase() === 'auction';
+
+  // Render restricted access message
+  const renderRestrictedAccess = () => (
+    <View style={styles.restrictedContainer}>
+      <View style={styles.restrictedCard}>
+        <View style={styles.iconContainer}>
+          <Lock size={64} color={colors.primary} />
+        </View>
+        
+        <Text style={styles.restrictedTitle}>Tender Access Restricted</Text>
+        
+        <Text style={styles.restrictedMessage}>
+          You are currently logged in as an Auction user. Tender features are not available for your account type.
+        </Text>
+
+        <Text style={styles.restrictedSubMessage}>
+          To access tender features, please login with a Tender user account.
+        </Text>
+
+        <TouchableOpacity
+          style={styles.loginButton}
+          onPress={() => Navigation.navigate(NavigationString.Login)}
+        >
+          <Text style={styles.loginButtonText}>Switch to Tender Login</Text>
+        </TouchableOpacity>
+      </View>
+    </View>
+  );
+
  return (
    <View style={styles.container}>
      <InsideHeader title="Tender" showArrow />

-      <View style={styles.topRow}>
-        <View
-          style={[
-            styles.switchWrapper,
-            {
-              width: TAB_WIDTH * 2 + SWITCH_INSETS * 2,
-            },
-          ]}
-        >
-          <Animated.View
-            pointerEvents="none"
-            style={[
-              styles.activeTab,
-              {
-                width: TAB_WIDTH,
-                transform: [{ translateX }],
-              },
-            ]}
-          />
-
-          <TouchableOpacity
-            style={[styles.tab, { width: TAB_WIDTH }]}
-            activeOpacity={0.8}
-            onPress={() => onTabPress('live', 0)}
-          >
-            <Text
-              style={[
-                styles.tabText,
-                selectedTab === 'live' && styles.activeText,
-              ]}
-            >
-              Live ({liveCount})
-            </Text>
-          </TouchableOpacity>
-
-          <TouchableOpacity
-            style={[styles.tab, { width: TAB_WIDTH }]}
-            activeOpacity={0.8}
-            onPress={() => onTabPress('purchase', 1)}
-          >
-            <Text
-              style={[
-                styles.tabText,
-                selectedTab === 'purchase' && styles.activeText,
-              ]}
-            >
-              Purchased ({purchaseCount})
-            </Text>
-          </TouchableOpacity>
-        </View>
-
-        <View>
-          {SelectedPurchaseList.length ? (
+      {isAuctionUser ? (
+        // Show restricted access message for auction users
+        renderRestrictedAccess()
+      ) : (
+        // Show normal tender UI for tender users
+        <>
+          <View style={styles.topRow}>
            <View
-              style={{
-                borderWidth: 2,
-                borderColor: colors.white,
-                backgroundColor: colors.primaryLight,
-                position: 'absolute',
-                borderRadius: 50,
-                zIndex: 20,
-                right: 0,
-                top: -10,
-                paddingHorizontal: 2,
-              }}
+              style={[
+                styles.switchWrapper,
+                {
+                  width: TAB_WIDTH * 2 + SWITCH_INSETS * 2,
+                },
+              ]}
            >
-              <Text style={{ fontSize: 12, color: colors.black }}>
-                {SelectedPurchaseList.length}
-              </Text>
-            </View>
-          ) : null}
-          <TouchableOpacity
-            style={{
-              padding: 10,
-              backgroundColor: colors.primaryLight,
-              borderRadius: 20,
-            }}
-            onPress={() => {
-              Navigation.navigate(NavigationString.PurchaseTenderList);
-            }}
-          >
-            <ShoppingCart size={22} color={colors.black} strokeWidth={2} />
-          </TouchableOpacity>
-        </View>
-      </View>
+              <Animated.View
+                pointerEvents="none"
+                style={[
+                  styles.activeTab,
+                  {
+                    width: TAB_WIDTH,
+                    transform: [{ translateX }],
+                  },
+                ]}
+              />

-      {selectedTab === 'live' ? <LiveTender /> : <PurchaseTenderAllList />}
+              <TouchableOpacity
+                style={[styles.tab, { width: TAB_WIDTH }]}
+                activeOpacity={0.8}
+                onPress={() => onTabPress('live', 0)}
+              >
+                <Text
+                  style={[
+                    styles.tabText,
+                    selectedTab === 'live' && styles.activeText,
+                  ]}
+                >
+                  Live ({liveCount})
+                </Text>
+              </TouchableOpacity>
+
+              <TouchableOpacity
+                style={[styles.tab, { width: TAB_WIDTH }]}
+                activeOpacity={0.8}
+                onPress={() => onTabPress('purchase', 1)}
+              >
+                <Text
+                  style={[
+                    styles.tabText,
+                    selectedTab === 'purchase' && styles.activeText,
+                  ]}
+                >
+                  Purchased ({purchaseCount})
+                </Text>
+              </TouchableOpacity>
+            </View>
+
+            <View>
+              {SelectedPurchaseList.length ? (
+                <View
+                  style={{
+                    borderWidth: 2,
+                    borderColor: colors.white,
+                    backgroundColor: colors.primaryLight,
+                    position: 'absolute',
+                    borderRadius: 50,
+                    zIndex: 20,
+                    right: 0,
+                    top: -10,
+                    paddingHorizontal: 2,
+                  }}
+                >
+                  <Text style={{ fontSize: 12, color: colors.black }}>
+                    {SelectedPurchaseList.length}
+                  </Text>
+                </View>
+              ) : null}
+              <TouchableOpacity
+                style={{
+                  padding: 10,
+                  backgroundColor: colors.primaryLight,
+                  borderRadius: 20,
+                }}
+                onPress={() => {
+                  Navigation.navigate(NavigationString.PurchaseTenderList);
+                }}
+              >
+                <ShoppingCart size={22} color={colors.black} strokeWidth={2} />
+              </TouchableOpacity>
+            </View>
+          </View>
+
+          {selectedTab === 'live' ? <LiveTender /> : <PurchaseTenderAllList />}
+        </>
+      )}
    </View>
  );
 };
@@ -197,4 +237,70 @@ const styles = StyleSheet.create({
    shadowRadius: 6,
    elevation: 3,
  },
+  restrictedContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 24,
+    backgroundColor: colors.lightGray,
+  },
+  restrictedCard: {
+    backgroundColor: colors.white,
+    borderRadius: 24,
+    padding: 32,
+    alignItems: 'center',
+    maxWidth: 400,
+    width: '100%',
+  
+  },
+  iconContainer: {
+    width: 120,
+    height: 120,
+    borderRadius: 60,
+    backgroundColor: colors.primaryHighlight,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginBottom: 24,
+  },
+  restrictedTitle: {
+    fontSize: 24,
+    fontWeight: '700',
+    color: colors.darkText,
+    textAlign: 'center',
+    marginBottom: 16,
+    fontFamily: FontsFamily.poppinsBold,
+  },
+  restrictedMessage: {
+    fontSize: 16,
+    color: colors.grayText,
+    textAlign: 'center',
+    lineHeight: 24,
+    marginBottom: 12,
+    fontFamily: FontsFamily.poppinsRegular,
+  },
+  restrictedSubMessage: {
+    fontSize: 14,
+    color: colors.grayText,
+    textAlign: 'center',
+    lineHeight: 22,
+    marginBottom: 32,
+    fontFamily: FontsFamily.poppinsRegular,
+  },
+  loginButton: {
+    backgroundColor: colors.primary,
+    paddingHorizontal: 32,
+    paddingVertical: 14,
+    borderRadius: 12,
+    shadowColor: colors.primary,
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.3,
+    shadowRadius: 8,
+    elevation: 4,
+  },
+  loginButtonText: {
+    color: colors.white,
+    fontSize: 16,
+    fontWeight: '600',
+    fontFamily: FontsFamily.poppinsSemiBold,
+  },
 });
@@ -31,6 +31,7 @@ import {
 import ReactNativeBlobUtil from 'react-native-blob-util';
 import { GET_DOCID } from '../../Services/BBPS/ApiUrls'
 import { useSelector } from 'react-redux'
+import EnvelopeCExcelPreview from './Component/EnvelopeCExcelPreview'

 const ViewTenderDetail = () => {
    const route: any = useRoute()
@@ -122,7 +123,7 @@ const ViewTenderDetail = () => {
                        </View>

                        {item.fieldValue && (
-                            <View style={styles.fieldRow}>
+                            <View style={[styles.fieldRow,{backgroundColor:colors.lightGray,borderRadius:20,padding:10}]}>
                                <Type size={16} color={colors.gray} />
                                <Text style={styles.fieldValue}>{item.fieldValue}</Text>
                            </View>
@@ -143,15 +144,7 @@ const ViewTenderDetail = () => {
                            </TouchableOpacity>
                        )}

-                        <View style={styles.metaInfo}>
-                            <Text style={styles.metaText}>
-                                Type: {getLabelTypeText(item.labelTypeA || item.labelTypeB)}
-                            </Text>
-                            {item.docEnvelopeSeqId && (
-                                <Text style={styles.metaText}>ID: {item.docEnvelopeSeqId}</Text>
-                            )}
-                        </View>
-                    </View>
+                       </View>
                ))}
            </View>
        );
@@ -276,19 +269,23 @@ const ViewTenderDetail = () => {
                                <Text style={styles.sectionTitle}>Envelope C</Text>
                            </View>
                            {data?.data?.tenderEnvelopeCViewBidResDTO.map((item: any, index: number) => (
+                                <View>
                                <View key={index} style={styles.documentCard}>
                                    <Folder size={40} color={colors.primary} />
                                    <View style={styles.documentInfo}>
                                        <Text style={styles.documentName}>
                                            {item.documentFileName || "Document"}
                                        </Text>
-                                        <Text style={styles.documentMeta}>Department User ID: {item.deptUserId}</Text>
+                                        {/* <Text style={styles.documentMeta}>Department User ID: {item.deptUserId}</Text> */}
                                    </View>
                                    {item.documentFileName && (
                                        <TouchableOpacity style={styles.downloadButton}>
                                            {/* <Download size={24} color={colors.primary} /> */}
                                        </TouchableOpacity>
                                    )}
+                                    
+                                </View>
+                                <EnvelopeCExcelPreview tenderId={tender[0]} buttonEnable={false}/>
                                </View>
                            ))}
                        </View>
@@ -515,12 +512,12 @@ const styles = StyleSheet.create({
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
-        marginBottom: 12,
+        marginBottom:8,
    },
    labelName: {
        fontSize: 16,
        fontWeight: '700',
-        color: colors.darkText,
+        color: colors.primary,
    },
    mandatoryTag: {
        fontSize: 12,
@@ -534,7 +531,7 @@ const styles = StyleSheet.create({
    fieldRow: {
        flexDirection: 'row',
        alignItems: 'center',
-        marginTop: 8,
+        marginTop: 4,
    },
    fieldValue: {
        fontSize: 14,
@@ -489,10 +489,12 @@ const TenderBidding = () => {
                                title="Envelope C"
                                envelopeType="C"
                                onPress={() => {
-                                    if (tenderData?.envelopeBSubmittStatus) {
+                                   if(tenderData?.showEB){ if (tenderData?.envelopeBSubmittStatus ) {
                                        setActiveEnvelope('C')
                                    } else {
                                        Alert.alert('Info', 'Submit Envelop B First')
+                                    }}else{
+                                       setActiveEnvelope('C') 
                                    }
                                }}
                            />
@@ -542,9 +544,9 @@ const TenderBidding = () => {
                                )}
                            </>
                        ) : (
-                            <>
-                                <EnvelopeCExcelPreview tenderId={tenderData} />
-                            </>
+                        
+                                <EnvelopeCExcelPreview tenderId={tenderData} buttonEnable={true}/>
+                       
                        )}
                    </View>
                )}
@@ -554,18 +556,23 @@ const TenderBidding = () => {
                        <TouchableOpacity
                            style={styles.primaryButton}
                            onPress={() => {
-                                if (!check) {
+                               
+
+                                if (activeEnvelope === 'A') {
+                                     if (!check) {
                                    Alert.alert('Info', 'check first terms & condition');
                                    return;
                                }
-
-                                if (activeEnvelope === 'A') {
                                    handleSubmitEnvelopeA();
                                } else if (activeEnvelope === 'B') {
+                                     if (!check) {
+                                    Alert.alert('Info', 'check first terms & condition');
+                                    return;
+                                }
                                    handleSubmitEnvelopeB();
                                }
                            }}
-                        // disabled={loading}
+                    
                        >
                            <Text style={styles.primaryButtonText}>
                                {loading ? <ActivityIndicator size={'small'} color={'#fff'} /> : `Submit Bid (${activeEnvelope})`}
@@ -5,6 +5,7 @@ import Emd from "./Bidding/Emd";
 import StartBidding from "./Bidding/StartBidding";
 import StartReverseBidding from "./Bidding/StartReverseBidding";
 import Home from "./Home/Home";
+import KycWebViewScreen from "./Home/KycWebViewScreen";
 import Login from "./Login/Login";
 import ResetPassword from "./Login/ResetPassword";
 import Onboarding from "./Onboarding/Onboarding";
@@ -44,6 +45,7 @@ const Screens = {
    LiveTenderDetail,
    ProfileTab,  
    ViewTenderDetail,
-    ResetPassword
+    ResetPassword,
+    KycWebViewScreen
 }
 export default Screens
@@ -1,5 +1,6 @@
 import axios from "axios";
-import { AUCTION_DOCUMENT_DOWNLOAD, DASHBOARD_COUNT, EMD_CHECK, FORARD_AUCTION_ITEM, GET_AUCTION_DETAILS, GET_MY_AUCTION, GET_MY_TENDER, GET_TENDER_DETAILS, LIVE_AUCTION, LIVE_TENDER, LOG_IN_URL, PROCEED_PURCHASE_AUCTION, PROCEED_TO_BID, PURCHASE_TENDER_OFFLINE, TENDER_LOGIN, PURCHASE_AUCTION_LIST, PURCHASE_OFFLINE_AUCTION, REVERSE_AUCTION_ITEM, VIEW_AUCTION_DOCUMENTS, VIEW_AUCTION_ITEM_DETAIL, STAGETHREE, REJ_STAGE_TWO, GETCONTRACTORBYSTATE, GET_MASTER_DATA, ALL_DESIGNATION, GET_REGISTRATION_STATE, PARTNER_API_ENDPOINT, SAVE_CONTRACTOR_STAGE1, VERIFY_GST, VERIFY_ADHAR, SEND_ADHAROTP, SUBMIT_ENVELOPE_FILE_B, SUBMIT_ENVELOPE_FILE_A, SUBMIT_ENVELOPE_A, SUBMIT_ENVELOPE_B, VERIFY_ORGPAN, PURCHASE_AUCTION_PAGE, GET_TENDER_BY_ID, GET_CONTRACTOR_PROFILE, CONTRACTOR_PROFILE_UPDATE, ESETU_VARIFICATION, TENDER_BID_DETAIL } from "./ApiUrls";
+import { AUCTION_DOCUMENT_DOWNLOAD, DASHBOARD_COUNT, EMD_CHECK, FORARD_AUCTION_ITEM, GET_AUCTION_DETAILS, GET_MY_AUCTION, GET_MY_TENDER, GET_TENDER_DETAILS, LIVE_AUCTION, LIVE_TENDER, LOG_IN_URL, PROCEED_PURCHASE_AUCTION, PROCEED_TO_BID, PURCHASE_TENDER_OFFLINE, TENDER_LOGIN, PURCHASE_AUCTION_LIST, PURCHASE_OFFLINE_AUCTION, REVERSE_AUCTION_ITEM, VIEW_AUCTION_DOCUMENTS, VIEW_AUCTION_ITEM_DETAIL, STAGETHREE, REJ_STAGE_TWO, GETCONTRACTORBYSTATE, GET_MASTER_DATA, ALL_DESIGNATION, GET_REGISTRATION_STATE, PARTNER_API_ENDPOINT, SAVE_CONTRACTOR_STAGE1, VERIFY_GST, VERIFY_ADHAR, SEND_ADHAROTP, SUBMIT_ENVELOPE_FILE_B, SUBMIT_ENVELOPE_FILE_A, SUBMIT_ENVELOPE_A, SUBMIT_ENVELOPE_B, VERIFY_ORGPAN, PURCHASE_AUCTION_PAGE, GET_TENDER_BY_ID, GET_CONTRACTOR_PROFILE, CONTRACTOR_PROFILE_UPDATE, 
+  ESETU_VARIFICATION, TENDER_BID_DETAIL } from "./ApiUrls";
 import { apiCall } from "../../Axios/Axios";

 // User
@@ -272,13 +273,14 @@ export const getRagistrationState = async (): Promise<any> => {


 export const eSetuAdharVarification = async (payLoad:any ): Promise<any> => {
+  console.log("klkllklklklk",payLoad)
   const data = await apiCall<any>(
-    'get',
+    'post',
    `${ESETU_VARIFICATION}`,
    payLoad,
-    {},
-    "application/x-www-form-urlencoded"
  );
+
+  console.log("ghghghghghhgg",data)
  return data;
 }