digikhata-mashreq-sdk 1.0.0 → 1.1.0

package/lib/module/app/screens/TransactionDetails.js

@@ -1,28 +1,362 @@
 "use strict";
 
-import { View, Text, StyleSheet, TouchableOpacity, FlatList, ScrollView, Image } from 'react-native';
-import React, { useState, useEffect } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, FlatList, ScrollView, Image, Alert, TextInput, Platform, PermissionsAndroid, Linking, BackHandler } from 'react-native';
+import React, { useState, useEffect, useRef, useCallback } from 'react';
 import LinearGradient from 'react-native-linear-gradient';
-import Ionicons from "react-native-vector-icons/Ionicons";
-import { COLORS, FONT_MEDIUM, FONT_NORMAL, formatDateTime, getAvatar, HP, isPdfFile, WP } from "../themes/config.js";
-import { useSelector } from "react-redux";
-import { getClientTransactions } from "../database/clients.js";
-import { SearchBar, Transaction } from "../components/index.js";
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import { addCommas, COLORS, FONT_BOLD, FONT_MEDIUM, FONT_NORMAL, formatDateTime, formatDateTimeShort, formatPhoneNumber, getAvatar, HP, ICON_SIZES, Input_Field_SIZES, isPdfFile, TEXT_SIZES, WP } from "../themes/config.js";
+import { useSelector } from 'react-redux';
+import { addClient, changeTransactionClient, changeTransactionType, getClientsByType, getClientTransactions, softDeleteTransaction } from "../database/clients.js";
+import { BottomView, CountryPhoneInput, SearchBar, Transaction, User } from "../components/index.js";
 import { viewDocument } from '@react-native-documents/viewer';
+import LottieView from 'lottie-react-native';
+import Sound, { AudioEncoderAndroidType, AudioSourceAndroidType, AVEncoderAudioQualityIOSType, AVEncodingOption, RecordBackType, PlayBackType, createSound } from 'react-native-nitro-sound';
+import Modal from 'react-native-modal';
+import Contacts from 'react-native-contacts';
+import ViewShot from 'react-native-view-shot';
+import Share from 'react-native-share';
+import { useFocusEffect } from '@react-navigation/native';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function TransactionDetails({
   navigation,
   route
 }) {
-  let item = route?.params?.item;
+  const [item, setItem] = useState(route?.params?.item);
+  let billNo = item?.notes?.split('_')[2];
+  const animationRef = useRef(null);
+  const viewShotRef = useRef();
   const ClientDetails = useSelector(state => state.client.client_details);
+  const clients = useSelector(state => state.client.home_customers);
+  const selectBusiness = useSelector(state => state.client.selected_business);
+  const [IsPlaying, setIsPlaying] = useState(false);
+  const [PlayLoading, setPlayLoading] = useState(false);
+  const [ChangeModal, setChangeModal] = useState(false);
+  const [Clients, setClients] = useState([]);
+  const [ShowNewBtn, setShowNewBtn] = useState(false);
+  const [contacts, setContacts] = useState([]);
+  const [Name, setName] = useState('');
+  const [clientPhoneSet, setClientPhoneSet] = useState(new Set());
+  const [clientPhoneMap, setClientPhoneMap] = useState(new Map());
+  const [searchText, setSearchText] = useState('');
+  const [PhoneNum, setPhoneNum] = useState('');
+  const onStartPlay = async fileUrl => {
+    setPlayLoading(true);
+    // Set up playback progress listener
+    Sound.addPlayBackListener(e => {
+      console.log('Playback progress:', e.currentPosition, e.duration);
+      setIsPlaying(true);
+      animationRef.current?.play();
+      // setCurrentPosition(e.currentPosition);
+      // setTotalDuration(e.duration);
+      // setPlayTime(Sound.mmssss(Math.floor(e.currentPosition)));
+      // setDuration(Sound.mmssss(Math.floor(e.duration)));
+    });
+
+    // Set up playback end listener
+    Sound.addPlaybackEndListener(e => {
+      console.log('Playback completed:', e);
+      // Handle playback completion
+      setIsPlaying(false);
+      animationRef.current?.pause();
+      // setCurrentPosition(0);
+    });
+    const result = await Sound.startPlayer(fileUrl);
+    setPlayLoading(false);
+    console.log('Playback started:', result);
+  };
+  const onStopPlay = async () => {
+    Sound.stopPlayer();
+    Sound.removePlayBackListener();
+    Sound.removePlaybackEndListener();
+    animationRef.current?.pause();
+    setIsPlaying(false);
+    setPlayLoading(false);
+  };
+  const onSwapPress = () => {
+    Alert.alert('You want to move this entry?',
+    // Title
+    ClientDetails?.type == 0 ? `This entry will be safely moved from ${item?.amount !== '0' ? "'You Gave'" : "'You Got'"} to ${item?.amount == '0' ? "'You Gave'" : "'You Got'"}` : `This entry will be safely moved from ${item?.amount !== '0' ? "'Payment'" : "'Purchase'"} to ${item?.amount == '0' ? "'Payment'" : "'Purchase'"}`, [{
+      text: 'Cancel',
+      onPress: () => {
+        console.log('Cancel');
+      },
+      style: 'cancel'
+    }, {
+      text: 'Move',
+      onPress: async () => {
+        await changeTransactionType(item?.id);
+        navigation.reset({
+          index: 0,
+          // active screen
+          routes: [{
+            name: 'HomeScreen',
+            state: {
+              routes: [{
+                name: 'Customers'
+              }] // nested screen
+            }
+          }]
+        });
+      }
+    }], {
+      cancelable: true
+    });
+  };
+  const onDeletePress = () => {
+    Alert.alert('Delete entry',
+    // Title
+    'Are you sure you want to delete this entry?', [{
+      text: 'Cancel',
+      onPress: () => console.log('Cancel'),
+      style: 'cancel'
+    }, {
+      text: 'Delete',
+      style: 'destructive',
+      // optional: shows in red on iOS
+      onPress: async () => {
+        try {
+          await softDeleteTransaction(item?.id);
+          let clients = await getClientsByType(ClientDetails?.type, null, null, selectBusiness?.id);
+          let filteredClient = clients.find(c => c.id === ClientDetails.id);
+          let amount = filteredClient?.total_subamount - filteredClient?.total_amount;
+          let type = 'none';
+          if (amount > 0) type = 'payable';else if (amount < 0) type = 'receivable';
+          filteredClient = {
+            ...filteredClient,
+            amount: Math.abs(amount),
+            pay_type: type
+          };
+          route.params?.onGoBack(filteredClient);
+          navigation.goBack();
+        } catch (err) {
+          console.log('Error soft deleting transaction:', err);
+        }
+      }
+    }], {
+      cancelable: true
+    });
+  };
+  const getAllClientTypes = async () => {
+    try {
+      const [customers, suppliers, banks] = await Promise.all([getClientsByType(0, null, null, selectBusiness?.id), getClientsByType(1, null, null, selectBusiness?.id), getClientsByType(2, null, null, selectBusiness?.id)]);
+      const allClients = [...customers, ...suppliers, ...banks];
+
+      // sort
+      const sortedClients = allClients.sort((a, b) => a.type - b.type);
+      setClients(sortedClients);
+
+      // Map phone -> full client info
+      const phoneMap = new Map();
+      allClients.forEach(c => {
+        const formatted = formatPhoneNumber(c.phone || '')?.toLowerCase();
+        if (formatted) {
+          phoneMap.set(formatted, {
+            id: c.id,
+            type: c.type,
+            name: c.name,
+            phone: c.phone
+          });
+        }
+      });
+      setClientPhoneMap(phoneMap);
+    } catch (error) {
+      console.error(error);
+    }
+  };
+  const getAllContacts = async () => {
+    if (Platform.OS === 'android') {
+      try {
+        const granted = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.READ_CONTACTS, {
+          title: 'Contacts',
+          message: 'This app would like to view your contacts.',
+          buttonPositive: 'Please accept bare mortal'
+        });
+        if (granted === PermissionsAndroid.RESULTS.GRANTED) {
+          console.log('Contacts permission granted');
+          Contacts.getAll().then(contacts => {
+            setContacts(contacts);
+          });
+        } else {
+          console.log('Contacts permission denied');
+          return;
+        }
+      } catch (err) {
+        console.warn(err);
+        return;
+      }
+    }
+  };
+  const filteredContacts = contacts.filter(item => {
+    const name = item?.displayName?.toLowerCase() || '';
+    const rawNumber = item?.phoneNumbers[0]?.number || '';
+    const formattedNumber = formatPhoneNumber(rawNumber)?.toLowerCase() || '';
+
+    // 🔹 use your searchText state (from TextInput)
+    const searchLower = searchText.toLowerCase();
+
+    // (optional) client type
+    const clientType = clientPhoneMap.get(formattedNumber);
+    return name.includes(searchLower) || formattedNumber.includes(searchLower);
+  });
+  const filteredClients = Clients.filter(c => {
+    const name = c.name?.toLowerCase() || '';
+    const phone = c.phone?.toLowerCase() || '';
+    const searchLower = searchText.toLowerCase();
+    return name.includes(searchLower) || phone.includes(searchLower);
+  });
+  const onContinue = async (text, num) => {
+    setChangeModal(false);
+    await moveTransaction(ClientDetails?.name, ClientDetails?.id, text, null, true, text, num);
+  };
+  const moveTransaction = (fromClientName, fromClientId, toClientName, toClientId, isNew, newName,
+  // <-- name/num for creating new client
+  newNum) => {
+    console.log('moveTransaction');
+    return new Promise((resolve, reject) => {
+      Alert.alert(`Change '${fromClientName}' to '${toClientName}'?`, `This entry of '${fromClientName}' will be safely moved to '${toClientName}' ledger.`, [{
+        text: 'Cancel',
+        onPress: () => resolve(false),
+        style: 'cancel'
+      }, {
+        text: 'Change',
+        onPress: async () => {
+          try {
+            let finalTargetId = toClientId;
+            if (isNew) {
+              const isExist = clients?.find(item => item?.phone == newNum);
+              if (!isExist) {
+                const newCustomer = await addClient(newName, newNum, 0, selectBusiness?.id);
+                finalTargetId = newCustomer?.insertId;
+              } else {
+                finalTargetId = isExist?.id;
+              }
+            }
+            await changeTransactionClient(item?.id, finalTargetId);
+            navigation.reset({
+              index: 0,
+              // active screen
+              routes: [{
+                name: 'HomeScreen',
+                state: {
+                  routes: [{
+                    name: 'Customers'
+                  }] // nested screen
+                }
+              }]
+            });
+            resolve(true);
+          } catch (err) {
+            console.error('Error moving transaction:', err);
+            reject(err);
+          }
+        }
+      }], {
+        cancelable: true
+      });
+    });
+  };
+  const onMessageClick = async () => {
+    let phoneNumber = ClientDetails?.phone;
+    let message;
+    if (item?.amount !== '0') {
+      message = `Aapko Saud Rehan(03233791697) se,
+Rs${item?.amount} mile.
+Aap total ${Math.abs(item?.balance)} denge.`;
+    } else {
+      message = `Aapny Saud Rehan(03233791697) ko,
+Rs${item?.subamount} diye.
+Aapko total ${Math.abs(item?.balance)} mile ge.`;
+    }
+    const separator = Platform.OS === 'ios' ? '&' : '?';
+    const url = `sms:${phoneNumber}${separator}body=${encodeURIComponent(message)}`;
+    const supported = await Linking.canOpenURL(url);
+    if (supported) {
+      await Linking.openURL(url);
+    } else {
+      Alert.alert('Error', 'SMS not supported on this device');
+    }
+  };
+  const captureImage = async (onlyShare = false) => {
+    try {
+      const uri = await viewShotRef.current.capture();
+      console.log('Captured URI: ', uri);
+      if (onlyShare) {
+        // 🔹 Normal share menu
+        await Share.open({
+          url: uri,
+          filename: 'reminder.jpg',
+          type: 'image/jpeg'
+        });
+      } else {
+        // 🔹 Direct WhatsApp share
+        await Share.open({
+          url: uri,
+          social: Share.Social.WHATSAPP,
+          whatsAppNumber: ClientDetails?.phone,
+          // e.g. '923001234567'
+          filename: 'reminder.jpg',
+          type: 'image/jpeg'
+        });
+      }
+    } catch (error) {
+      console.log(error);
+    }
+  };
+  const onChangePress = async () => {
+    await getAllContacts();
+    await getAllClientTypes();
+    setChangeModal(true);
+  };
+  useFocusEffect(useCallback(() => {
+    let isActive = true;
+
+    // async function inside
+    const fetchData = async () => {
+      try {
+        let clients = await getClientsByType(ClientDetails?.type, null, null, selectBusiness?.id);
+        let filteredClient = clients.find(c => c.id === ClientDetails.id);
+        let amount = filteredClient?.total_subamount - filteredClient?.total_amount;
+        let type = 'none';
+        if (amount > 0) type = 'payable';else if (amount < 0) type = 'receivable';
+        filteredClient = {
+          ...filteredClient,
+          amount: Math.abs(amount),
+          pay_type: type
+        };
+        route.params?.onGoBack(filteredClient); // send data back
+        // navigation.goBack();
+
+        // navigation.goBack(); // only if you’re sure
+      } catch (err) {
+        console.error(err);
+      }
+    };
+    fetchData();
+
+    // hardware back button
+    const onBackPress = () => {
+      // custom logic
+      // return true to block default back action
+      return false;
+    };
+    const backHandler = BackHandler.addEventListener('hardwareBackPress', onBackPress);
+
+    // cleanup
+    return () => {
+      isActive = false;
+      backHandler.remove();
+    };
+  }, [navigation, ClientDetails]));
 
   // console.log(item)
 
   return /*#__PURE__*/_jsxs(View, {
     style: Styles._mainContainer,
     children: [/*#__PURE__*/_jsxs(LinearGradient, {
-      style: Styles._headerMain,
+      style: [Styles._headerMain, {
+        justifyContent: 'space-between',
+        paddingHorizontal: Platform.OS == 'ios' ? 0 : 5
+      }],
       start: {
         x: 0,
         y: 0
@@ -32,85 +366,149 @@ export default function TransactionDetails({
         y: 0
       },
       colors: [COLORS.primaryColor, COLORS.secondaryColor],
-      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          justifyContent: 'center',
+          alignItems: 'center',
+          gap: 10
+        },
+        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+          activeOpacity: 0.8,
+          onPress: async () => {
+            let clients = await getClientsByType(ClientDetails?.type, null, null, selectBusiness?.id);
+            let filteredClient = clients.find(c => c.id === ClientDetails.id);
+            let amount = Number(filteredClient?.total_subamount) - Number(filteredClient?.total_amount);
+            // let amount = Number(item?.subamount) - Number(item?.amount);
+            let type = 'none';
+            if (amount > 0) type = 'payable';else if (amount < 0) type = 'receivable';
+            filteredClient = {
+              ...filteredClient,
+              amount: Math.abs(amount),
+              pay_type: type
+            };
+            if (typeof route.params?.onGoBack === 'function') {
+              route.params.onGoBack(filteredClient);
+            }
+            navigation.goBack();
+          },
+          style: {
+            padding: 6
+          },
+          children: /*#__PURE__*/_jsx(Ionicons, {
+            name: 'chevron-back',
+            color: COLORS.whiteColor,
+            size: 25
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          style: Styles._nameTxt,
+          children: "Entry Details"
+        })]
+      }), ClientDetails?.type != 2 && /*#__PURE__*/_jsx(TouchableOpacity, {
         activeOpacity: 0.8,
-        onPress: () => navigation?.goBack(),
+        style: {
+          padding: 6
+        },
+        onPress: onSwapPress,
         children: /*#__PURE__*/_jsx(Ionicons, {
-          name: "chevron-back",
+          name: 'swap-horizontal',
           color: COLORS.whiteColor,
-          size: 25
+          size: 22
         })
-      }), /*#__PURE__*/_jsx(Text, {
-        style: Styles._nameTxt,
-        children: "Entry Details"
       })]
-    }), /*#__PURE__*/_jsx(View, {
+    }), /*#__PURE__*/_jsxs(View, {
       style: Styles._contentMain,
-      children: /*#__PURE__*/_jsxs(ScrollView, {
-        contentContainerStyle: {
-          alignItems: "center"
+      children: [/*#__PURE__*/_jsx(LinearGradient, {
+        style: [Styles._headerMain, {
+          height: 40
+        }],
+        start: {
+          x: 0,
+          y: 0
         },
-        children: [/*#__PURE__*/_jsx(LinearGradient, {
-          style: [Styles._headerMain, {
-            height: 40
-          }],
-          start: {
-            x: 0,
-            y: 0
-          },
-          end: {
-            x: 1,
-            y: 0
-          },
-          colors: [COLORS.primaryColor, COLORS.secondaryColor]
-        }), /*#__PURE__*/_jsxs(View, {
+        end: {
+          x: 1,
+          y: 0
+        },
+        colors: [COLORS.primaryColor, COLORS.secondaryColor]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          width: '100%',
+          alignItems: 'center',
+          position: 'absolute',
+          top: 0,
+          gap: 20
+        },
+        children: [/*#__PURE__*/_jsxs(View, {
           style: Styles._sectionOne,
           children: [/*#__PURE__*/_jsxs(View, {
             style: Styles._segment,
             children: [/*#__PURE__*/_jsxs(View, {
               style: {
-                flexDirection: "row",
-                height: "100%",
-                alignItems: "center",
+                flexDirection: 'row',
+                height: '100%',
+                alignItems: 'center',
                 gap: 10
               },
-              children: [/*#__PURE__*/_jsx(View, {
+              children: [ClientDetails?.local_path ? /*#__PURE__*/_jsx(Image, {
+                source: {
+                  uri: ClientDetails?.local_path
+                },
+                style: {
+                  width: 40,
+                  height: 40,
+                  borderRadius: ClientDetails?.type == 2 ? 0 : 100
+                },
+                resizeMode: "cover"
+              }) : /*#__PURE__*/_jsx(View, {
                 style: Styles._avatarMain,
                 children: /*#__PURE__*/_jsx(Text, {
                   style: [Styles._avatarText, {
-                    color: "red"
+                    color: ClientDetails?.type == 0 ? 'red' : 'green'
                   }],
-                  children: getAvatar("Saud")
+                  children: getAvatar(ClientDetails?.name)
                 })
               }), /*#__PURE__*/_jsxs(View, {
                 children: [/*#__PURE__*/_jsx(Text, {
                   style: {
                     color: COLORS.blackColor,
                     fontFamily: FONT_MEDIUM,
-                    fontSize: 13
+                    fontSize: 12
                   },
-                  children: ClientDetails?.name
+                  children: ClientDetails?.type == 2 ? ClientDetails.phone : ClientDetails?.name
                 }), /*#__PURE__*/_jsx(Text, {
                   style: {
                     color: COLORS.blackColor,
                     fontFamily: FONT_NORMAL,
-                    fontSize: 12,
+                    fontSize: 11,
                     opacity: 0.6
                   },
-                  children: formatDateTime(item?.date)
+                  children: formatDateTimeShort(item?.date)
+                }), ClientDetails?.type != 2 && /*#__PURE__*/_jsx(TouchableOpacity
+                // activeOpacity={0.8}
+                , {
+                  onPress: onChangePress,
+                  children: /*#__PURE__*/_jsx(Text, {
+                    style: {
+                      color: 'red',
+                      fontFamily: FONT_MEDIUM,
+                      fontSize: 11
+                    },
+                    children: "Change"
+                  })
                 })]
               })]
             }), /*#__PURE__*/_jsxs(View, {
               style: {
-                alignItems: "flex-end"
+                alignItems: 'flex-end'
               },
               children: [/*#__PURE__*/_jsxs(Text, {
                 style: {
-                  color: item?.amount !== "0" ? "red" : "green",
+                  color: Number(item?.amount) !== 0 ? 'red' : 'green',
                   fontFamily: FONT_MEDIUM,
                   fontSize: 14
                 },
-                children: ["Rs ", item?.amount !== "0" ? item?.amount : item?.subamount]
+                children: ["Rs", Number(item?.amount) !== 0 ? addCommas(Number(item?.amount)) : addCommas(Number(item?.subamount))]
               }), /*#__PURE__*/_jsx(Text, {
                 style: {
                   color: COLORS.blackColor,
@@ -118,13 +516,48 @@ export default function TransactionDetails({
                   fontFamily: FONT_NORMAL,
                   fontSize: 12
                 },
-                children: item?.amount !== "0" ? ClientDetails.type == 0 ? "You Gave" : "Payment" : ClientDetails?.type == 0 ? "You Get" : "Purchase"
+                children: Number(item?.amount) !== 0 ? ClientDetails?.type == 0 ? 'You Gave' : ClientDetails?.type == 1 ? 'Payment' : 'In' : ClientDetails?.type == 0 ? 'You Get' : ClientDetails?.type == 1 ? 'Purchase' : 'Out'
               })]
             })]
-          }), item?.notes && /*#__PURE__*/_jsxs(View, {
+          }), item?.local_path && /*#__PURE__*/_jsxs(View, {
             style: [Styles._segment, {
-              flexDirection: "column",
-              alignItems: "flex-start"
+              flexDirection: 'row',
+              alignItems: 'center'
+            }],
+            children: [IsPlaying ? /*#__PURE__*/_jsx(TouchableOpacity, {
+              activeOpacity: 0.8,
+              onPress: () => {
+                onStopPlay();
+              },
+              children: /*#__PURE__*/_jsx(Ionicons, {
+                name: 'pause',
+                color: COLORS.primaryColor,
+                size: 22
+              })
+            }) : /*#__PURE__*/_jsx(TouchableOpacity, {
+              activeOpacity: 0.8,
+              onPress: () => {
+                onStartPlay(item?.local_path);
+              },
+              children: /*#__PURE__*/_jsx(Ionicons, {
+                name: 'play',
+                color: COLORS.primaryColor,
+                size: 22
+              })
+            }), /*#__PURE__*/_jsx(LottieView, {
+              source: require('../assets/animations/voice_visualization.json'),
+              autoPlay: false,
+              loop: true,
+              style: {
+                width: '90%',
+                height: 42
+              },
+              ref: animationRef
+            })]
+          }), item?.notes?.split('_')[0] && item.notes !== '_bill_' && /*#__PURE__*/_jsxs(View, {
+            style: [Styles._segment, {
+              flexDirection: 'column',
+              alignItems: 'flex-start'
             }],
             children: [/*#__PURE__*/_jsx(Text, {
               style: {
@@ -140,12 +573,50 @@ export default function TransactionDetails({
                 fontFamily: FONT_MEDIUM,
                 fontSize: 11
               },
-              children: item?.notes
+              children: item.notes.split('_')[0]
+            })]
+          }), item?.cash_type && item?.cash_type != null && item?.cash_type?.split("_")[0] != "Stock" && /*#__PURE__*/_jsx(View, {
+            style: [Styles._segment, {
+              flexDirection: 'column',
+              alignItems: 'flex-start'
+            }],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: {
+                color: COLORS.whiteColor,
+                fontFamily: FONT_MEDIUM,
+                fontSize: 11,
+                backgroundColor: item?.cash_type?.split('_')[0] == 'IN' ? 'green' : 'red',
+                paddingVertical: 5,
+                paddingHorizontal: 7,
+                borderRadius: 100
+              },
+              children: item?.cash_type?.split('_')[0] == 'IN' ? 'Cash In' : 'Cash Out'
+            })
+          }), billNo && /*#__PURE__*/_jsxs(View, {
+            style: [Styles._segment, {
+              flexDirection: 'column',
+              alignItems: 'flex-start'
+            }],
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: {
+                color: COLORS.blackColor,
+                opacity: 0.6,
+                fontFamily: FONT_MEDIUM,
+                fontSize: 13
+              },
+              children: "Bill No"
+            }), /*#__PURE__*/_jsx(Text, {
+              style: {
+                color: COLORS.blackColor,
+                fontFamily: FONT_MEDIUM,
+                fontSize: 11
+              },
+              children: item?.notes?.split('_')[2]
             })]
           }), item?.attachments?.length != 0 && /*#__PURE__*/_jsxs(View, {
             style: [Styles._segment, {
-              flexDirection: "column",
-              alignItems: "flex-start"
+              flexDirection: 'column',
+              alignItems: 'flex-start'
             }],
             children: [/*#__PURE__*/_jsx(Text, {
               style: {
@@ -157,13 +628,15 @@ export default function TransactionDetails({
               children: "Attachments"
             }), /*#__PURE__*/_jsx(View, {
               style: {
-                flexDirection: "row"
+                flexDirection: 'row'
               },
               children: item?.attachments?.map((i, index) => /*#__PURE__*/_jsx(TouchableOpacity, {
                 activeOpacity: 0.8,
-                onPress: () => viewDocument({
-                  uri: i?.local_path
-                }),
+                onPress: () => {
+                  viewDocument({
+                    uri: i?.local_path
+                  });
+                },
                 children: isPdfFile(i?.local_path) ? /*#__PURE__*/_jsx(Ionicons, {
                   name: "document-text-outline",
                   size: 45,
@@ -185,10 +658,117 @@ export default function TransactionDetails({
                 })
               }, index))
             })]
+          }), item?.items && /*#__PURE__*/_jsxs(View, {
+            style: [Styles._segment, {
+              flexDirection: 'column',
+              alignItems: 'flex-start'
+            }],
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: {
+                width: "100%",
+                justifyContent: "space-between",
+                alignItems: "center",
+                flexDirection: "row"
+              },
+              children: [/*#__PURE__*/_jsxs(Text, {
+                style: {
+                  color: "black",
+                  opacity: 0.6,
+                  fontFamily: FONT_MEDIUM,
+                  fontSize: 13,
+                  backgroundColor: COLORS.lightGrey,
+                  paddingVertical: 3,
+                  paddingHorizontal: 5,
+                  borderRadius: 100
+                },
+                children: [String(JSON.parse(item?.items)?.length), " Items"]
+              }), item?.amount && item?.subamount == '0' && /*#__PURE__*/_jsxs(TouchableOpacity, {
+                activeOpacity: 0.8,
+                onPress: () => navigation.navigate('BillDetails', {
+                  fromClients: true,
+                  itemDetails: item
+                }),
+                style: {
+                  flexDirection: "row",
+                  alignItems: "center",
+                  gap: 5
+                },
+                children: [/*#__PURE__*/_jsx(Text, {
+                  style: {
+                    color: COLORS.primaryColor,
+                    fontFamily: FONT_NORMAL,
+                    fontSize: 12
+                  },
+                  children: "Create Bill"
+                }), /*#__PURE__*/_jsx(Ionicons, {
+                  color: COLORS.primaryColor,
+                  size: 16,
+                  name: "chevron-forward"
+                })]
+              })]
+            }), /*#__PURE__*/_jsxs(View, {
+              style: Styles.tableHeader,
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: [Styles.tHeadText, {
+                  flex: 2
+                }],
+                children: "ITEM"
+              }), /*#__PURE__*/_jsx(Text, {
+                style: [Styles.tHeadText, {
+                  flex: 1,
+                  textAlign: 'center'
+                }],
+                children: "Qty"
+              }), /*#__PURE__*/_jsx(Text, {
+                style: [Styles.tHeadText, {
+                  flex: 1,
+                  textAlign: 'center'
+                }],
+                children: "Rate"
+              }), /*#__PURE__*/_jsx(Text, {
+                style: [Styles.tHeadText, {
+                  flex: 1,
+                  textAlign: 'right'
+                }],
+                children: "Amount"
+              })]
+            }), item?.items ? JSON.parse(item?.items)?.map((i, index) => /*#__PURE__*/_jsxs(View, {
+              style: [Styles.tableHeader, {
+                backgroundColor: COLORS.whiteColor
+              }],
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: [Styles.tHeadText, {
+                  flex: 2,
+                  color: COLORS.blackColor
+                }],
+                children: i?.name
+              }), /*#__PURE__*/_jsx(Text, {
+                style: [Styles.tHeadText, {
+                  flex: 1,
+                  textAlign: 'center',
+                  color: COLORS.blackColor
+                }],
+                children: i?.addedQty
+              }), /*#__PURE__*/_jsx(Text, {
+                style: [Styles.tHeadText, {
+                  flex: 1,
+                  textAlign: 'center',
+                  color: COLORS.blackColor
+                }],
+                children: addCommas(Number(i?.addedRate))
+              }), /*#__PURE__*/_jsx(Text, {
+                style: [Styles.tHeadText, {
+                  flex: 1,
+                  textAlign: 'right',
+                  color: COLORS.blackColor
+                }],
+                children: addCommas(Number(i?.addedQty) * Number(i?.addedRate))
+              })]
+            }, index)) : null]
           }), /*#__PURE__*/_jsxs(View, {
             style: [Styles._segment, {
-              flexDirection: "column",
-              alignItems: "flex-start"
+              flexDirection: 'column',
+              alignItems: 'flex-start'
             }],
             children: [/*#__PURE__*/_jsx(Text, {
               style: {
@@ -200,20 +780,45 @@ export default function TransactionDetails({
               children: "Running Balance"
             }), /*#__PURE__*/_jsxs(Text, {
               style: {
-                color: item?.balance < 0 ? "red" : "green",
+                color: item?.balance < 0 ? 'red' : 'green',
                 fontFamily: FONT_MEDIUM,
                 fontSize: 11
               },
-              children: ["Rs ", Math.abs(item?.balance)]
+              children: ["Rs ", addCommas(Math.abs(item?.balance))]
             })]
           }), /*#__PURE__*/_jsxs(TouchableOpacity, {
             style: [Styles._segment, {
-              justifyContent: "center",
+              justifyContent: 'center',
               gap: 5
             }],
             activeOpacity: 0.8,
+            onPress: () => {
+              if (item?.cash_type && item?.cash_type?.split("_")[0] == "Stock") {
+                Alert.alert("Not Allowed", "Entry can only be edited from Stock Book", [{
+                  text: "OK"
+                }]);
+              } else {
+                let amount = item?.subamount - item?.amount;
+                let pay_type = 'none';
+                if (amount > 0) {
+                  pay_type = 'receivable';
+                } else if (amount < 0) {
+                  pay_type = 'payable';
+                }
+                amount = Math.abs(amount);
+                navigation.navigate('Entry', {
+                  type: item?.amount == '0' ? 'green' : 'red',
+                  item: item,
+                  pay_type,
+                  amount,
+                  onGoBack: item => {
+                    setItem(item);
+                  }
+                });
+              }
+            },
             children: [/*#__PURE__*/_jsx(Ionicons, {
-              name: "pencil-outline",
+              name: 'pencil-outline',
               color: COLORS.primaryColor,
               size: 20
             }), /*#__PURE__*/_jsx(Text, {
@@ -225,8 +830,367 @@ export default function TransactionDetails({
               children: "Edit Entry"
             })]
           })]
+        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+          style: [Styles._sectionTwo, {
+            height: TEXT_SIZES.BUTTON_HEIGHT,
+            justifyContent: 'center',
+            alignItems: 'center',
+            borderColor: COLORS.primaryColor,
+            borderWidth: 1
+          }],
+          activeOpacity: 0.8,
+          onPress: onDeletePress,
+          children: [/*#__PURE__*/_jsx(Ionicons, {
+            name: 'trash-outline',
+            color: COLORS.primaryColor,
+            size: 20
+          }), /*#__PURE__*/_jsx(Text, {
+            style: {
+              color: COLORS.primaryColor,
+              fontFamily: FONT_MEDIUM,
+              fontSize: Input_Field_SIZES.Input_Font_Size
+            },
+            children: "DELETE ENTRY"
+          })]
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(Modal, {
+      isVisible: ChangeModal,
+      onBackButtonPress: () => {
+        setShowNewBtn(false);
+        setChangeModal(false);
+      },
+      onBackdropPress: () => {
+        setShowNewBtn(false);
+        setChangeModal(false);
+      },
+      avoidKeyboard: false,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: Styles._changeModalMain,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: Styles._changeModalHeader,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: Styles._changeModalHeaderTxt,
+            children: "Select Party"
+          })
+        }), /*#__PURE__*/_jsx(View, {
+          style: Styles._modalSearchMain,
+          children: /*#__PURE__*/_jsx(TextInput, {
+            style: Styles._modalSearch,
+            cursorColor: COLORS.primaryColor,
+            placeholder: ShowNewBtn ? filteredContacts?.length && filteredContacts.length != 0 ? 'Search Contacts' : 'Type Customer Name' : 'Search Clients',
+            value: searchText,
+            onChangeText: setSearchText,
+            placeholderTextColor: COLORS.gray
+          })
+        }), /*#__PURE__*/_jsx(View, {
+          style: Styles._modalSearchMain,
+          children: !ShowNewBtn ? /*#__PURE__*/_jsxs(TouchableOpacity, {
+            style: Styles._addContactBtn,
+            activeOpacity: 0.8,
+            onPress: () => setShowNewBtn(true),
+            children: [/*#__PURE__*/_jsx(View, {
+              style: Styles._avatarMain,
+              children: /*#__PURE__*/_jsx(Ionicons, {
+                name: "person-add-outline",
+                color: COLORS.primaryColor,
+                size: 22
+              })
+            }), /*#__PURE__*/_jsx(View, {
+              style: {
+                width: '70%'
+              },
+              children: /*#__PURE__*/_jsx(Text, {
+                style: {
+                  color: COLORS.primaryColor,
+                  fontFamily: FONT_NORMAL,
+                  fontSize: 12
+                },
+                children: "Add New Customer"
+              })
+            }), /*#__PURE__*/_jsx(Ionicons, {
+              name: "chevron-forward",
+              color: COLORS.primaryColor,
+              size: 22
+            })]
+          }) : /*#__PURE__*/_jsxs(View, {
+            style: Styles._phoneInputMain,
+            children: [/*#__PURE__*/_jsx(CountryPhoneInput, {
+              contentContainerStyle: {
+                width: '100%'
+              },
+              onChange: text => {
+                setPhoneNum(text?.fullNumber);
+              }
+            }), /*#__PURE__*/_jsx(TouchableOpacity, {
+              activeOpacity: 0.8,
+              onPress: () => {
+                if (searchText.trim()) {
+                  onContinue(searchText, PhoneNum);
+                }
+              },
+              style: [Styles._modalBtn, {
+                backgroundColor: searchText?.trim() ? COLORS.primaryColor : COLORS.gray
+              }],
+              children: /*#__PURE__*/_jsx(Text, {
+                style: {
+                  color: COLORS.whiteColor,
+                  fontFamily: FONT_NORMAL,
+                  fontSize: 12
+                },
+                children: "CONTINUE"
+              })
+            })]
+          })
+        }), !ShowNewBtn ? /*#__PURE__*/_jsx(ScrollView, {
+          contentContainerStyle: {
+            alignItems: 'center'
+          },
+          children: filteredClients?.filter(item => item.id !== ClientDetails?.id).length === 0 ? /*#__PURE__*/_jsx(View, {
+            style: {
+              height: 300,
+              justifyContent: 'center',
+              alignItems: 'center'
+            },
+            children: /*#__PURE__*/_jsx(Text, {
+              style: {
+                textAlign: 'center',
+                color: COLORS.blackColor,
+                fontFamily: FONT_MEDIUM,
+                fontSize: 13
+              },
+              children: "No Records Found"
+            })
+          }) : filteredClients?.filter(item => item.id !== ClientDetails?.id).map((item, index) => {
+            let amount = item?.total_subamount - item?.total_amount;
+            let type = 'none';
+            if (amount > 0) {
+              type = 'receivable';
+            } else if (amount < 0) {
+              type = 'payable';
+            }
+            amount = Math.abs(amount);
+            return /*#__PURE__*/_jsx(User, {
+              name: item?.name,
+              addedAt: formatDateTime(item?.latest_transaction_date || item?.created_at),
+              amount: amount,
+              type: type,
+              avatarColor: item?.type == 0 ? 'red' : 'green',
+              clientType: item?.type,
+              icon: item?.local_path,
+              mainContainer: {
+                width: '90%'
+              },
+              onPress: () => {
+                setShowNewBtn(false);
+                setChangeModal(false);
+                let fromClientName = ClientDetails?.name;
+                let fromClientId = ClientDetails?.id;
+                let toClientName = item?.name;
+                let toClientId = item?.id;
+                moveTransaction(fromClientName, fromClientId, toClientName, toClientId);
+              }
+            }, index);
+          })
+        }) : /*#__PURE__*/_jsx(FlatList, {
+          data: filteredContacts // 🔹 now using filtered contacts
+          ,
+          keyExtractor: (item, index) => index.toString(),
+          contentContainerStyle: {
+            paddingBottom: HP(20)
+          },
+          renderItem: ({
+            item
+          }) => {
+            const rawNumber = item?.phoneNumbers[0]?.number;
+            const formattedNumber = formatPhoneNumber(rawNumber)?.toLowerCase();
+            const clientInfo = clientPhoneMap.get(formattedNumber);
+            const clientId = clientInfo?.id;
+            const clientType = clientInfo?.type;
+            let typeLabel = '';
+            if (clientType === 0) typeLabel = 'Customer';else if (clientType === 1) typeLabel = 'Supplier';
+            const highlight = clientType === 0 || clientType === 1;
+            return /*#__PURE__*/_jsxs(TouchableOpacity, {
+              style: [Styles._contactsCardMain],
+              activeOpacity: 0.8,
+              onPress: async () => {
+                if (highlight) {
+                  setChangeModal(false);
+                  let fromClientName = ClientDetails?.name;
+                  let fromClientId = ClientDetails?.id;
+                  let toClientName = item?.displayName;
+                  let toClientId = clientId;
+                  await moveTransaction(fromClientName, fromClientId, toClientName, toClientId);
+                } else {
+                  await onContinue(item?.displayName, formattedNumber);
+                }
+              },
+              children: [/*#__PURE__*/_jsx(View, {
+                style: Styles._avatarMain,
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: Styles._avatarText,
+                  children: getAvatar(item?.displayName)
+                })
+              }), /*#__PURE__*/_jsxs(View, {
+                style: {
+                  width: '55%'
+                },
+                children: [/*#__PURE__*/_jsx(Text, {
+                  style: {
+                    color: COLORS.blackColor,
+                    fontFamily: FONT_NORMAL,
+                    fontSize: 13
+                  },
+                  children: item?.displayName
+                }), /*#__PURE__*/_jsx(Text, {
+                  style: {
+                    color: COLORS.blackColor,
+                    fontFamily: FONT_NORMAL,
+                    fontSize: 12,
+                    opacity: 0.6
+                  },
+                  children: formattedNumber
+                })]
+              }), /*#__PURE__*/_jsx(View, {
+                style: {
+                  width: '27%',
+                  height: '100%',
+                  justifyContent: 'center',
+                  alignItems: 'flex-end'
+                },
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: {
+                    color: COLORS.darkGrey,
+                    fontFamily: FONT_NORMAL,
+                    fontSize: 11
+                  },
+                  children: typeLabel
+                })
+              })]
+            });
+          }
+        })]
+      })
+    }), /*#__PURE__*/_jsx(ViewShot, {
+      ref: viewShotRef,
+      options: {
+        format: 'jpg',
+        quality: 0.9
+      },
+      style: {
+        position: 'absolute',
+        left: -9999,
+        top: -9999,
+        backgroundColor: COLORS.whiteColor,
+        paddingVertical: 20,
+        paddingHorizontal: 30
+      },
+      options: {
+        fileName: 'Your-File-Name',
+        format: 'jpg',
+        quality: 0.9
+      },
+      children: /*#__PURE__*/_jsxs(View, {
+        style: Styles._segment,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            height: '100%',
+            alignItems: 'center',
+            gap: 10
+          },
+          children: [ClientDetails?.local_path ? /*#__PURE__*/_jsx(Image, {
+            source: {
+              uri: ClientDetails?.local_path
+            },
+            style: {
+              width: 40,
+              height: 40,
+              borderRadius: ClientDetails?.type == 2 ? 0 : 100
+            },
+            resizeMode: "cover"
+          }) : /*#__PURE__*/_jsx(View, {
+            style: Styles._avatarMain,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [Styles._avatarText, {
+                color: 'red'
+              }],
+              children: getAvatar(ClientDetails?.name)
+            })
+          }), /*#__PURE__*/_jsxs(View, {
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: {
+                color: COLORS.blackColor,
+                fontFamily: FONT_MEDIUM,
+                fontSize: 13
+              },
+              children: ClientDetails?.type == 2 ? ClientDetails.phone : ClientDetails?.name
+            }), /*#__PURE__*/_jsx(Text, {
+              style: {
+                color: COLORS.blackColor,
+                fontFamily: FONT_NORMAL,
+                fontSize: 12,
+                opacity: 0.6
+              },
+              children: formatDateTime(item?.date)
+            })]
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            alignItems: 'flex-end'
+          },
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: {
+              color: item?.amount !== '0' ? 'red' : 'green',
+              fontFamily: FONT_MEDIUM,
+              fontSize: 14
+            },
+            children: ["Rs", ' ', item?.amount !== '0' ? addCommas(Number(item?.amount)) : addCommas(Number(item?.subamount))]
+          }), /*#__PURE__*/_jsx(Text, {
+            style: {
+              color: COLORS.blackColor,
+              opacity: 0.8,
+              fontFamily: FONT_NORMAL,
+              fontSize: 12
+            },
+            children: item?.amount !== '0' ? ClientDetails?.type === 0 ? 'You Gave' : ClientDetails?.type === 1 ? 'Payment' : 'In' : ClientDetails?.type === 0 ? 'You Get' : ClientDetails?.type === 1 ? 'Purchase' : 'Out'
+          })]
         })]
       })
+    }), /*#__PURE__*/_jsxs(BottomView, {
+      children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+        activeOpacity: 0.8,
+        style: Styles._bottomBtn,
+        onPress: captureImage,
+        children: [/*#__PURE__*/_jsx(Ionicons, {
+          name: 'logo-whatsapp',
+          color: COLORS.primaryColor,
+          size: ICON_SIZES.ACTION
+        }), /*#__PURE__*/_jsx(Text, {
+          style: {
+            color: COLORS.primaryColor,
+            fontFamily: FONT_MEDIUM,
+            fontSize: TEXT_SIZES.BUTTON_TEXT
+          },
+          children: "WHATSAPP"
+        })]
+      }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+        activeOpacity: 0.8,
+        style: Styles._bottomBtn,
+        onPress: () => captureImage(true),
+        children: [/*#__PURE__*/_jsx(Ionicons, {
+          name: 'chatbox-ellipses-outline',
+          color: COLORS.primaryColor,
+          size: ICON_SIZES.ACTION
+        }), /*#__PURE__*/_jsx(Text, {
+          style: {
+            color: COLORS.primaryColor,
+            fontFamily: FONT_MEDIUM,
+            fontSize: TEXT_SIZES.BUTTON_TEXT
+          },
+          children: "SMS"
+        })]
+      })]
     })]
   });
 }
@@ -238,9 +1202,9 @@ const Styles = StyleSheet.create({
   _headerMain: {
     width: WP(100),
     height: 60,
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "flex-start",
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
     gap: 10
   },
   _nameTxt: {
@@ -250,19 +1214,17 @@ const Styles = StyleSheet.create({
   },
   _contentMain: {
     flex: 1,
-    width: "100%",
+    width: '100%',
     // height: "85%",
     // backgroundColor: "red",
-    alignItems: "center"
+    alignItems: 'center'
   },
   _sectionOne: {
-    width: "95%",
+    width: '95%',
     // height: 200,
     backgroundColor: COLORS.whiteColor,
-    position: "absolute",
-    top: 0,
-    borderRadius: 12,
-    shadowColor: "#000",
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    shadowColor: '#000',
     shadowOffset: {
       width: 0,
       height: 2
@@ -270,14 +1232,36 @@ const Styles = StyleSheet.create({
     shadowOpacity: 0.2,
     shadowRadius: 3.84,
     elevation: 5,
-    alignItems: "center",
+    alignItems: 'center',
     paddingHorizontal: 10
   },
+  _sectionTwo: {
+    width: '95%',
+    // height: 200,
+    backgroundColor: COLORS.whiteColor,
+    // position: "absolute",
+    top: 0,
+    borderRadius: 100,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 3.84,
+    elevation: 5,
+    alignItems: 'center',
+    paddingHorizontal: 10,
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    paddingVertical: 12,
+    gap: 10
+  },
   _segment: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    width: "100%",
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    width: '100%',
     // height:40,
     // backgroundColor: "pink",
     paddingVertical: 10,
@@ -289,13 +1273,117 @@ const Styles = StyleSheet.create({
     height: 47,
     backgroundColor: COLORS.lightGrey,
     borderRadius: 100,
-    justifyContent: "center",
-    alignItems: "center"
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  _avatarText: {
+    fontFamily: FONT_NORMAL,
+    fontSize: 16,
+    color: COLORS.primaryColor
+  },
+  _changeModalMain: {
+    width: WP(90),
+    maxHeight: HP(75),
+    backgroundColor: COLORS.whiteColor
+  },
+  _changeModalHeader: {
+    width: '100%',
+    height: HP(6),
+    backgroundColor: COLORS.primaryColor,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  _changeModalHeaderTxt: {
+    color: COLORS.whiteColor,
+    fontFamily: FONT_MEDIUM,
+    fontSize: 14
+  },
+  _modalSearchMain: {
+    width: '100%',
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginVertical: 7.5
+  },
+  _modalSearch: {
+    width: '92%',
+    height: 45,
+    borderWidth: 1,
+    borderColor: COLORS.gray,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    paddingLeft: 10,
+    fontFamily: FONT_NORMAL,
+    fontSize: 13,
+    color: COLORS.blackColor
   },
   _avatarText: {
     fontFamily: FONT_NORMAL,
     fontSize: 16,
     color: COLORS.primaryColor
+  },
+  _addContactBtn: {
+    width: '92%',
+    height: 50,
+    // backgroundColor: "red",
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  _contactsCardMain: {
+    width: '92%',
+    height: 50,
+    // backgroundColor: "red",
+    marginVertical: 10,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    alignSelf: 'center'
+  },
+  _phoneInputMain: {
+    width: '92%',
+    // height:60,
+    // backgroundColor:"red",
+    alignItems: 'center',
+    gap: 15
+  },
+  _modalBtn: {
+    width: '100%',
+    height: 50,
+    backgroundColor: COLORS.primaryColor,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  _bottomBtn: {
+    width: '48%',
+    height: 50,
+    backgroundColor: COLORS.whiteColor,
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexDirection: 'row',
+    borderRadius: 100,
+    borderColor: COLORS.primaryColor,
+    borderWidth: 1,
+    paddingHorizontal: 20,
+    gap: 10
+  },
+  tableHeader: {
+    flexDirection: 'row',
+    backgroundColor: '#d7d7d7',
+    paddingVertical: 10,
+    paddingHorizontal: 8,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    marginTop: 10
+  },
+  tHeadText: {
+    fontSize: 10,
+    color: '#777',
+    fontFamily: FONT_NORMAL
+  },
+  tableRow: {
+    flexDirection: 'row',
+    paddingVertical: 14,
+    paddingHorizontal: 8,
+    alignItems: 'center'
   }
 });
 //# sourceMappingURL=TransactionDetails.js.map