digikhata-mashreq-sdk 1.0.0 → 1.1.0

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

@@ -1,53 +1,132 @@
 "use strict";
 
-import { View, Text, StyleSheet, TouchableOpacity, FlatList } from 'react-native';
-import React, { useState, useEffect } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, FlatList, Image, SafeAreaView, Dimensions, PermissionsAndroid, Platform, Linking, Alert, PixelRatio } 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, HP, WP } from "../themes/config.js";
-import { useSelector } from "react-redux";
-import { getClientTransactions } from "../database/clients.js";
-import { SearchBar, Transaction } from "../components/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import { addCommas, COLORS, FONT_BOLD, FONT_MEDIUM, FONT_NORMAL, formatDateTime, formatDateTimeShort, formatShortDate, getCurrentMonthName, HP, ICON_SIZES, mergeDateTime, TEXT_SIZES, WP } from "../themes/config.js";
+import { useSelector, useDispatch } from 'react-redux';
+import { changeClientType, getClientDetails, getClientTransactions, insertPhoneNum, setPayDate, softDeleteClient, switchClientToSupplier } from "../database/clients.js";
+import { BottomView, CountryPhoneInput, SearchBar, Transaction } from "../components/index.js";
+import Modal from 'react-native-modal';
+import { CLIENT_DETAILS, STATUS_BAR_COLOR } from "../redux/reducers/client/client_types.js";
+import DateTimePicker, { DateTimePickerAndroid } from '@react-native-community/datetimepicker';
+import ViewShot from 'react-native-view-shot';
+import Share from 'react-native-share';
+import { Menu, MenuOptions, MenuOption, MenuTrigger } from 'react-native-popup-menu';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+let deviceH = Dimensions.get('screen').height;
+let windowH = Dimensions.get('window').height;
+let bottomNavBarH = deviceH - windowH;
 export default function CustomerEntries({
   navigation,
   route
 }) {
+  const dispatch = useDispatch();
+  const ref = useRef();
+  let monthName = getCurrentMonthName();
   const ClientDetails = useSelector(state => state.client.client_details);
-  const homeDetails = route?.params?.homeDetails;
-  let amount = homeDetails?.total_subamount - homeDetails?.total_amount;
-  let type = "none";
-  if (amount > 0) {
-    type = "receivable";
-  } else if (amount < 0) {
-    type = "payable";
+  // const homeDetails = route?.params?.homeDetails;
+  const [homeDetails, sethomeDetails] = useState(route?.params?.homeDetails);
+  let amount = Number(homeDetails?.total_subamount) - Number(homeDetails?.total_amount);
+  // let amount = Number(homeDetails?.subamount) - Number(homeDetails?.amount);
+
+  // Variant 2: Only current month
+  const currentDate = new Date();
+  const currentMonth = currentDate.getMonth();
+  const currentYear = currentDate.getFullYear();
+  const dateStr = homeDetails?.latest_transaction_date || homeDetails?.created_at;
+  let amountCurrentMonth = 0;
+  if (dateStr) {
+    const date = new Date(dateStr.replace(' ', 'T'));
+    if (date.getMonth() === currentMonth && date.getFullYear() === currentYear) {
+      amountCurrentMonth = Number(homeDetails?.total_subamount) - Number(homeDetails?.total_amount);
+    }
   }
-  amount = Math.abs(amount);
   const [Entries, setEntries] = useState([]);
+  const [DateModal, setDateModal] = useState(false);
+  const [PaymentDate, setPaymentDate] = useState(new Date());
+  const [SelectedDateOption, setSelectedDateOption] = useState('');
+  const [ReminderModal, setReminderModal] = useState(false);
+  const [NumberModal, setNumberModal] = useState(false);
+  const [PhoneNum, setPhoneNum] = useState('');
+  const [searchTerm, setSearchTerm] = useState('');
+  const [refresh, setRefresh] = useState(false);
+  const today = new Date();
+  const nextWeek = new Date();
+  nextWeek.setDate(today.getDate() + 7);
+  const nextMonth = new Date();
+  nextMonth.setMonth(today.getMonth() + 1);
+  const formatDate = date => {
+    return date.toLocaleDateString('en-GB', {
+      day: '2-digit',
+      month: 'short',
+      year: 'numeric'
+    }).replace(',', '');
+  };
+  const dateOptions = [{
+    id: 1,
+    name: 'Next Week',
+    date: formatDate(nextWeek),
+    rawDate: nextWeek
+  }, {
+    id: 2,
+    name: 'Next Month',
+    date: formatDate(nextMonth),
+    rawDate: nextMonth
+  }, {
+    id: 3,
+    name: 'Calender'
+  }];
   useEffect(() => {
     const unsubscribe = navigation.addListener('focus', () => {
+      dispatch({
+        type: STATUS_BAR_COLOR,
+        color: COLORS.primaryColor
+      });
+      setSelectedDateOption(ClientDetails?.fb_id);
       getClientTransactions(ClientDetails.id).then(res => {
         setEntries(res);
       });
+      // setEntries(ClientDetails?.transactions);
     });
     return () => unsubscribe();
   }, [navigation]);
+  let type = 'none';
+  if (amount > 0) {
+    type = 'receivable';
+  } else if (amount < 0) {
+    type = 'payable';
+  }
+  amount = Math.abs(amount);
   const options = [{
-    name: "Report",
-    icon: "document-outline",
-    disabled: true
+    name: 'Report',
+    icon: 'document-outline',
+    disabled: false,
+    isVisible: true,
+    onPress: () => navigation.navigate('Report', {
+      homeDetails
+    })
   }, {
-    name: "Set Date",
-    icon: "calendar-outline",
-    disabled: true
+    name: 'Set Date',
+    icon: 'calendar-outline',
+    disabled: false,
+    onPress: () => setDateModal(true),
+    isVisible: ClientDetails?.type == 0 ? true : false
   }, {
-    name: "Reminder",
-    icon: "logo-whatsapp",
-    disabled: true
+    name: 'Reminder',
+    icon: 'logo-whatsapp',
+    disabled: type == 'payable' ? false : true,
+    isVisible: true,
+    onPress: () => {
+      ClientDetails?.phone ? setReminderModal(true) : setNumberModal(true);
+    }
   }, {
-    name: "SMS",
-    icon: "chatbox-ellipses-outline",
-    disabled: true
+    name: 'SMS',
+    icon: 'chatbox-ellipses-outline',
+    disabled: type == 'payable' ? false : true,
+    isVisible: true,
+    onPress: () => sendSms()
   }];
   const calculateBalances = transactions => {
     let balance = 0;
@@ -64,13 +143,187 @@ export default function CustomerEntries({
     return withBalances.reverse();
   };
   const balancesData = calculateBalances(Entries);
+  const totalAmount = balancesData?.reduce((sum, item) => {
+    return sum + Number(item.amount);
+  }, 0);
+  const showDate = item => {
+    DateTimePickerAndroid.open({
+      value: PaymentDate,
+      onChange: (event, selectedDate) => onChangeDate(event, selectedDate, item),
+      mode: 'date',
+      is24Hour: false
+    });
+  };
+  const onChangeDate = async (event, selectedDate, item) => {
+    const currentDate = selectedDate;
+    setPaymentDate(currentDate);
+    let date = new Date(currentDate);
+    let time = new Date(currentDate);
+    let formatted = mergeDateTime({
+      date,
+      time
+    });
+    await onSelectDate(formatted, ClientDetails?.id, item?.id);
+  };
+  const onSelectDate = async (date, id, optionId) => {
+    setPayDate(date, id, optionId).then(res => {
+      console.log('Paydate updated:', res.rowsAffected);
+    }).catch(err => console.log('Update failed', err));
+    getClientDetails(ClientDetails?.id).then(resp => {
+      dispatch({
+        type: CLIENT_DETAILS,
+        payload: resp
+      });
+    });
+    setSelectedDateOption(optionId);
+    setDateModal(false);
+  };
+  const onCapture = useCallback(uri => {
+    ref.current.capture().then(uri => {
+      console.log('Captured URI:', uri);
+      sendToWhatsApp(uri, ClientDetails?.phone?.split('+')[1]);
+    }).catch(err => console.error('Capture failed', err));
+  }, []);
+  const sendToWhatsApp = async (uri, phoneNumber) => {
+    try {
+      await Share.open({
+        url: uri,
+        // the captured image uri
+        social: Share.Social.WHATSAPP,
+        whatsAppNumber: phoneNumber,
+        // e.g. '923001234567'
+        filename: 'reminder.jpg',
+        // optional
+        type: 'image/jpeg'
+      });
+    } catch (err) {
+      console.log('Error sharing to WhatsApp:', err);
+    }
+  };
+  const onNumSave = async () => {
+    if (PhoneNum) {
+      await insertPhoneNum(PhoneNum, ClientDetails?.id);
+      getClientDetails(ClientDetails?.id).then(resp => {
+        dispatch({
+          type: CLIENT_DETAILS,
+          payload: resp
+        });
+      });
+      setNumberModal(false);
+    }
+  };
+  const searchBalances = (balancesData, searchTerm) => {
+    if (!searchTerm) return balancesData;
+    const lower = searchTerm.toLowerCase();
+    return balancesData.filter(item => {
+      // combine whatever fields you want to search
+      return item.notes && item.notes.toLowerCase().includes(lower) || item.customer_id && item.customer_id.toString().includes(lower) || item.amount && item.amount.toString().includes(lower) || item.subamount && item.subamount.toString().includes(lower);
+    });
+  };
+  const makeCall = async phoneNumber => {
+    const url = `tel:${phoneNumber}`;
 
-  // console.log(Entries)
+    // Check if device can handle this URL (some simulators cannot)
+    const supported = await Linking.canOpenURL(url);
+    if (supported) {
+      await Linking.openURL(url);
+    } else {
+      Alert.alert('Error', 'Calling not supported on this device');
+    }
+  };
+  const sendSms = async () => {
+    let phoneNumber = ClientDetails?.phone;
+    const message = `Payment Request
 
-  return /*#__PURE__*/_jsxs(View, {
+Dear,
+Balance Rs ${amount} is outstanding in your ledger.
+Thanks for your cooperation.`;
+    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 onToggleClientTypePress = client => {
+    const fromType = client.type === 0 ? 'Customer' : 'Supplier';
+    const toType = client.type === 0 ? 'Supplier' : 'Customer';
+    Alert.alert('Change Client Type', `${client.name} and all related records will be safely changed from ${fromType} to ${toType}. Do you want to continue?`, [{
+      text: 'Cancel',
+      onPress: () => console.log('Cancelled changing client type'),
+      style: 'cancel'
+    }, {
+      text: 'Change',
+      onPress: async () => {
+        try {
+          const newType = client.type === 0 ? 1 : 0;
+          await changeClientType(client.id, newType);
+          console.log(`Client type changed to ${newType}`);
+          navigation.reset({
+            index: 0,
+            // active screen
+            routes: [{
+              name: 'HomeScreen',
+              state: {
+                routes: [{
+                  name: 'Customers'
+                }] // nested screen
+              }
+            }]
+          });
+        } catch (err) {
+          console.log('Error changing client type:', err);
+        }
+      }
+    }], {
+      cancelable: true
+    });
+  };
+  const onDeleteClient = () => {
+    const typeLabel = ClientDetails?.type === 0 ? 'Customer' : ClientDetails?.type === 1 ? 'Supplier' : 'Bank';
+    const routeName = ClientDetails?.type === 0 ? 'Customers' : ClientDetails?.type === 1 ? 'Suppliers' : 'Banks';
+    Alert.alert(`Delete ${typeLabel}`,
+    // Title
+    `Are you sure you want to delete this ${typeLabel}?`, [{
+      text: 'Cancel',
+      onPress: () => console.log('Cancel'),
+      style: 'cancel'
+    }, {
+      text: 'Delete',
+      style: 'destructive',
+      // optional: shows in red on iOS
+      onPress: async () => {
+        try {
+          await softDeleteClient(ClientDetails?.id);
+          navigation.reset({
+            index: 0,
+            // active screen
+            routes: [{
+              name: 'HomeScreen',
+              state: {
+                routes: [{
+                  name: routeName
+                }] // nested screen
+              }
+            }]
+          });
+        } catch (err) {
+          console.log('Error soft deleting transaction:', err);
+        }
+      }
+    }], {
+      cancelable: true
+    });
+  };
+  const finalData = searchBalances(balancesData, searchTerm);
+  return /*#__PURE__*/_jsxs(SafeAreaView, {
     style: Styles._mainContainer,
     children: [/*#__PURE__*/_jsxs(LinearGradient, {
-      style: Styles._headerMain,
+      style: [Styles._headerMain, {
+        justifyContent: 'space-between'
+      }],
       start: {
         x: 0,
         y: 0
@@ -83,39 +336,169 @@ export default function CustomerEntries({
       children: [/*#__PURE__*/_jsx(TouchableOpacity, {
         activeOpacity: 0.8,
         onPress: () => navigation?.goBack(),
+        style: {
+          // height: '100%',
+          // width: '10%',
+          justifyContent: 'center',
+          alignItems: 'center',
+          padding: 5
+          // marginLeft
+        },
+        children: /*#__PURE__*/_jsx(Ionicons, {
+          name: 'chevron-back',
+          color: COLORS.whiteColor,
+          size: 60 / PixelRatio.get()
+        })
+      }), ClientDetails?.phone && ClientDetails?.type != 2 && /*#__PURE__*/_jsx(TouchableOpacity, {
+        activeOpacity: 0.8,
+        onPress: () => makeCall(ClientDetails?.phone),
+        style: {
+          height: '100%',
+          width: '10%',
+          justifyContent: 'center',
+          alignItems: 'center',
+          position: 'absolute',
+          left: '80%'
+        },
         children: /*#__PURE__*/_jsx(Ionicons, {
-          name: "chevron-back",
+          name: 'call-outline',
           color: COLORS.whiteColor,
           size: 25
         })
-      }), /*#__PURE__*/_jsxs(View, {
-        style: Styles._dataMain,
+      }), ClientDetails?.local_path && /*#__PURE__*/_jsx(View, {
+        style: {
+          position: 'absolute',
+          left: '11%'
+        },
+        children: /*#__PURE__*/_jsx(Image, {
+          source: {
+            uri: ClientDetails?.local_path
+          },
+          style: [Styles._icon, {
+            borderRadius: ClientDetails?.type == 2 ? 0 : 100,
+            marginHorizontal: 0
+          }],
+          resizeMode: "cover"
+        })
+      }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+        style: [Styles._dataMain, {
+          width: '50%',
+          position: 'absolute',
+          left: !ClientDetails?.local_path ? '10%' : '25%'
+        }],
+        activeOpacity: 0.8,
+        onPress: () => navigation.navigate('Profile', {
+          amount,
+          type
+        }),
         children: [/*#__PURE__*/_jsxs(View, {
           style: Styles._nameMain,
           children: [/*#__PURE__*/_jsx(Text, {
+            numberOfLines: 1,
             style: Styles._nameTxt,
-            children: ClientDetails?.name
-          }), /*#__PURE__*/_jsx(View, {
+            children: ClientDetails?.type == 2 ? ClientDetails?.name : ClientDetails?.name
+          }), ClientDetails?.type != 2 && /*#__PURE__*/_jsx(View, {
             style: Styles._badge,
             children: /*#__PURE__*/_jsx(Text, {
               style: Styles._badgeText,
-              children: ClientDetails.type == 0 ? "Customer" : "Supplier"
+              children: ClientDetails.type == 0 ? 'Customer' : 'Supplier'
             })
           })]
         }), /*#__PURE__*/_jsx(Text, {
           style: Styles._clickText,
           children: "Click here to view settings"
         })]
-      }), /*#__PURE__*/_jsx(Ionicons, {
-        name: "ellipsis-vertical",
-        color: COLORS.whiteColor,
-        size: 25
+      }), /*#__PURE__*/_jsxs(Menu, {
+        style: {
+          height: '100%',
+          width: '10%'
+        },
+        children: [/*#__PURE__*/_jsx(MenuTrigger, {
+          style: {
+            width: '100%',
+            height: '100%',
+            justifyContent: 'center',
+            alignItems: 'center'
+          },
+          children: /*#__PURE__*/_jsx(Ionicons, {
+            name: 'ellipsis-vertical',
+            color: COLORS.whiteColor,
+            size: 25
+          })
+        }), /*#__PURE__*/_jsxs(MenuOptions, {
+          children: [/*#__PURE__*/_jsx(MenuOption, {
+            style: {
+              backgroundColor: COLORS.whiteColor,
+              height: 40,
+              justifyContent: 'center'
+            },
+            onSelect: () => navigation.navigate('Profile', {
+              amount,
+              type
+            }),
+            children: /*#__PURE__*/_jsxs(Text, {
+              style: {
+                color: COLORS.blackColor,
+                fontFamily: FONT_NORMAL,
+                fontSize: 14
+              },
+              children: [ClientDetails?.type === 0 ? 'Customer' : ClientDetails?.type === 1 ? 'Supplier' : 'Bank', ' ', "Profile"]
+            })
+          }), ClientDetails?.type != 2 && /*#__PURE__*/_jsx(MenuOption, {
+            style: {
+              backgroundColor: COLORS.whiteColor,
+              height: 40,
+              justifyContent: 'center'
+            },
+            onSelect: () => onToggleClientTypePress(ClientDetails),
+            children: /*#__PURE__*/_jsxs(Text, {
+              style: {
+                color: COLORS.blackColor,
+                fontFamily: FONT_NORMAL,
+                fontSize: 14
+              },
+              children: ["Switch to ", ClientDetails?.type == 0 ? 'Supplier' : 'Customer']
+            })
+          }), /*#__PURE__*/_jsx(MenuOption, {
+            style: {
+              backgroundColor: COLORS.whiteColor,
+              height: 40,
+              justifyContent: 'center'
+            },
+            onSelect: () => navigation.navigate('Report', {
+              homeDetails
+            }),
+            children: /*#__PURE__*/_jsx(Text, {
+              style: {
+                color: COLORS.blackColor,
+                fontFamily: FONT_NORMAL,
+                fontSize: 14
+              },
+              children: "Report"
+            })
+          }), /*#__PURE__*/_jsx(MenuOption, {
+            style: {
+              backgroundColor: COLORS.whiteColor,
+              height: 40,
+              justifyContent: 'center'
+            },
+            onSelect: () => onDeleteClient(),
+            children: /*#__PURE__*/_jsxs(Text, {
+              style: {
+                color: COLORS.blackColor,
+                fontFamily: FONT_NORMAL,
+                fontSize: 14
+              },
+              children: ["Delete", ' ', ClientDetails?.type === 0 ? 'Customer' : ClientDetails?.type === 1 ? 'Supplier' : 'Bank Account']
+            })
+          })]
+        })]
       })]
     }), !Entries?.length && /*#__PURE__*/_jsxs(View, {
       style: Styles._privacyMain,
       children: [/*#__PURE__*/_jsx(Ionicons, {
-        name: "lock-closed",
-        color: "green",
+        name: 'lock-closed',
+        color: 'green',
         size: 20
       }), /*#__PURE__*/_jsx(Text, {
         style: Styles._privacyText,
@@ -136,88 +519,187 @@ export default function CustomerEntries({
           y: 0
         },
         colors: [COLORS.primaryColor, COLORS.secondaryColor]
-      }), /*#__PURE__*/_jsxs(View, {
+      }), ClientDetails?.type == 2 ? /*#__PURE__*/_jsxs(View, {
+        style: Styles._calculationMainBank,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            width: '45%',
+            height: '60%',
+            justifyContent: 'center',
+            borderRightColor: COLORS.blackColor,
+            borderRightWidth: 0.7
+          },
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: {
+              color: COLORS.blackColor,
+              fontFamily: FONT_MEDIUM,
+              fontSize: 14
+            },
+            children: ["Rs ", addCommas(Math.abs(totalAmount))]
+          }), /*#__PURE__*/_jsxs(Text, {
+            style: {
+              color: COLORS.blackColor,
+              opacity: 0.6,
+              fontFamily: FONT_NORMAL,
+              fontSize: 12
+            },
+            children: ["Total in for ", monthName]
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            width: '40%',
+            height: '60%',
+            justifyContent: 'center',
+            borderRightColor: COLORS.blackColor,
+            borderRightWidth: 0.7,
+            alignItems: 'center',
+            marginRight: 0
+          },
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: {
+              color: COLORS.blackColor,
+              fontFamily: FONT_MEDIUM,
+              fontSize: 14
+            },
+            children: ["Rs ", addCommas(Math.abs(amountCurrentMonth))]
+          }), /*#__PURE__*/_jsx(Text, {
+            style: {
+              color: COLORS.blackColor,
+              opacity: 0.6,
+              fontFamily: FONT_NORMAL,
+              fontSize: 12
+            },
+            children: "Balance"
+          })]
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          activeOpacity: 0.8,
+          style: {
+            height: '100%',
+            justifyContent: 'center',
+            alignItems: 'center',
+            width: '15%'
+          },
+          onPress: () => navigation.navigate('Report', {
+            homeDetails
+          }),
+          children: /*#__PURE__*/_jsx(Ionicons, {
+            name: 'chevron-forward',
+            color: COLORS.primaryColor,
+            size: 20
+          })
+        })]
+      }) : /*#__PURE__*/_jsxs(View, {
         style: Styles._calculationMain,
         children: [/*#__PURE__*/_jsxs(Text, {
           style: {
-            color: type == "receivable" ? "green" : type == "payable" ? "red" : COLORS.blackColor,
-            fontFamily: FONT_MEDIUM,
+            color: type == "payable" ? COLORS.redColor : COLORS.greenColor,
+            fontFamily: FONT_BOLD,
             fontSize: 14
           },
-          children: ["Rs ", amount]
+          children: ["Rs ", addCommas(amount)]
         }), /*#__PURE__*/_jsx(Text, {
           style: {
             color: COLORS.blackColor,
             opacity: 0.6,
-            fontFamily: FONT_NORMAL,
+            fontFamily: FONT_MEDIUM,
             fontSize: 12
           },
-          children: type == "receivable" ? "You'll Give" : type == "payable" ? ClientDetails.type == 0 ? "You'll Get" : "Received" : "Settled Up"
+          children: type == 'receivable' ? "You will give" : type == 'payable' ? ClientDetails.type == 0 ? "You will get" : 'Received' : 'Settled Up'
         })]
-      }), /*#__PURE__*/_jsx(View, {
+      }), ClientDetails?.type !== 2 && /*#__PURE__*/_jsx(View, {
         style: Styles._optionsMain,
         children: /*#__PURE__*/_jsx(FlatList, {
-          data: options,
+          data: options.filter(item => item.isVisible),
           horizontal: true,
           showsHorizontalScrollIndicator: false,
           scrollEnabled: false,
           keyExtractor: (item, index) => index.toString(),
           contentContainerStyle: {
-            justifyContent: "space-between",
-            width: "100%"
+            width: '100%',
+            justifyContent: 'space-between',
+            paddingHorizontal: '2.5%'
           },
           renderItem: ({
             item,
             index
           }) => /*#__PURE__*/_jsxs(TouchableOpacity, {
+            onPress: () => {
+              !item?.disabled && item?.onPress();
+            },
             activeOpacity: 0.8,
-            style: Styles._listItem,
+            style: [Styles._listItem, {
+              width: ClientDetails?.type == 0 ? HP(9) : HP(13)
+            }],
             children: [/*#__PURE__*/_jsx(Ionicons, {
               name: item.icon,
               size: 25,
-              color: COLORS.yellowColor
+              color: item?.disabled ? COLORS.gray : COLORS.yellowColor
             }), /*#__PURE__*/_jsx(Text, {
               style: {
                 color: COLORS.blackColor,
                 fontSize: 11,
-                fontFamily: FONT_NORMAL,
-                textAlign: "center"
+                fontFamily: FONT_MEDIUM,
+                textAlign: 'center'
               },
-              children: item.name
+              children: item.name == 'Set Date' && ClientDetails?.paydate ? formatShortDate(ClientDetails?.paydate) : item?.name
             })]
           }, index)
         })
       }), /*#__PURE__*/_jsxs(View, {
-        style: Styles._entriesMain,
-        children: [/*#__PURE__*/_jsx(SearchBar, {}), /*#__PURE__*/_jsxs(View, {
+        style: [Styles._entriesMain, {
+          marginTop: ClientDetails?.type == 2 ? 60 : 0
+        }],
+        children: [/*#__PURE__*/_jsx(SearchBar, {
+          onChangeText: text => setSearchTerm(text)
+        }), /*#__PURE__*/_jsxs(View, {
           style: Styles._tableHeader,
           children: [/*#__PURE__*/_jsx(View, {
             style: [Styles._headerCell, {
-              width: "50%"
+              width: '50%'
             }],
             children: /*#__PURE__*/_jsx(Text, {
               style: Styles._headerCellText,
               children: "Entries"
             })
-          }), /*#__PURE__*/_jsx(View, {
-            style: [Styles._headerCell, {
-              alignItems: "flex-end"
-            }],
-            children: /*#__PURE__*/_jsx(Text, {
-              style: Styles._headerCellText,
-              children: ClientDetails.type == 0 ? "You Gave" : "Payment"
-            })
-          }), /*#__PURE__*/_jsx(View, {
-            style: [Styles._headerCell, {
-              alignItems: "flex-end"
-            }],
-            children: /*#__PURE__*/_jsx(Text, {
-              style: Styles._headerCellText,
-              children: ClientDetails.type == 0 ? "You Got" : "Purchase"
-            })
+          }), ClientDetails?.type == 1 || ClientDetails?.type == 2 ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(View, {
+              style: [Styles._headerCell, {
+                alignItems: 'flex-end'
+              }],
+              children: /*#__PURE__*/_jsx(Text, {
+                style: Styles._headerCellText,
+                children: ClientDetails.type == 0 ? 'You Got' : ClientDetails?.type == 1 ? 'Purchase' : 'Out'
+              })
+            }), /*#__PURE__*/_jsx(View, {
+              style: [Styles._headerCell, {
+                alignItems: 'flex-end'
+              }],
+              children: /*#__PURE__*/_jsx(Text, {
+                style: Styles._headerCellText,
+                children: ClientDetails.type == 0 ? 'You Gave' : ClientDetails?.type == 1 ? 'Payment' : 'In'
+              })
+            })]
+          }) : /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(View, {
+              style: [Styles._headerCell, {
+                alignItems: 'flex-end'
+              }],
+              children: /*#__PURE__*/_jsx(Text, {
+                style: Styles._headerCellText,
+                children: ClientDetails.type == 0 ? 'You Gave' : ClientDetails?.type == 1 ? 'Payment' : 'In'
+              })
+            }), /*#__PURE__*/_jsx(View, {
+              style: [Styles._headerCell, {
+                alignItems: 'flex-end'
+              }],
+              children: /*#__PURE__*/_jsx(Text, {
+                style: Styles._headerCellText,
+                children: ClientDetails.type == 0 ? 'You Got' : ClientDetails?.type == 1 ? 'Purchase' : 'Out'
+              })
+            })]
           })]
         }), /*#__PURE__*/_jsx(FlatList, {
-          data: balancesData,
+          data: searchBalances(balancesData, searchTerm),
           keyExtractor: (item, index) => index.toString(),
           scrollEnabled: true,
           contentContainerStyle: {
@@ -227,75 +709,436 @@ export default function CustomerEntries({
             item,
             index
           }) => /*#__PURE__*/_jsx(Transaction, {
+            item: item,
             balance: item.balance,
-            isAttachment: item?.attachments?.length ? true : false,
+            isAttachment: item?.attachments?.length || item?.local_path ? true : false,
             notes: item?.notes,
-            date: formatDateTime(item?.date),
+            date: formatDateTimeShort(item?.date),
             firstCell: item?.amount,
             secondCell: item?.subamount,
-            onPress: () => navigation.navigate("TransactionDetails", {
-              item
-            })
+            onPress: () => navigation.navigate('TransactionDetails', {
+              item,
+              onGoBack: homeDetails => {
+                sethomeDetails(homeDetails);
+              }
+            }),
+            swap: ClientDetails?.type == 1 || ClientDetails?.type == 2 ? true : false
           })
         })]
       })]
-    }), /*#__PURE__*/_jsxs(View, {
-      style: Styles._btnsMain,
-      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-        style: Styles._btn,
-        activeOpacity: 0.8,
-        onPress: () => navigation.navigate("Entry", {
-          type: "red"
-        }),
-        children: /*#__PURE__*/_jsx(LinearGradient, {
-          colors: ["darkred", "red"],
-          style: {
-            width: "100%",
-            height: "100%",
-            justifyContent: "center",
-            alignItems: "center"
+    }), /*#__PURE__*/_jsx(BottomView, {
+      style: {
+        paddingHorizontal: '2.5%',
+        width: '100%'
+      },
+      children: ClientDetails?.type != 1 ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+          style: Styles._btn,
+          activeOpacity: 0.8,
+          onPress: () => {
+            navigation.navigate('Entry', {
+              type: 'red',
+              amount,
+              pay_type: homeDetails?.pay_type,
+              onGoBack: homeDetails => {
+                sethomeDetails(homeDetails);
+              }
+            });
           },
-          start: {
-            x: 0,
-            y: 0
+          children: /*#__PURE__*/_jsxs(LinearGradient, {
+            colors: [COLORS.redColor, COLORS.gradient_red],
+            style: {
+              width: '100%',
+              height: '100%',
+              justifyContent: 'center',
+              alignItems: 'center',
+              flexDirection: 'row',
+              gap: 5
+            },
+            start: {
+              x: 0,
+              y: 0
+            },
+            end: {
+              x: 1,
+              y: 0
+            },
+            children: [ClientDetails?.type == 2 && /*#__PURE__*/_jsx(Ionicons, {
+              color: COLORS.whiteColor,
+              name: 'add-circle',
+              size: 25
+            }), /*#__PURE__*/_jsxs(Text, {
+              style: Styles._btnTitle,
+              children: [ClientDetails.type == 0 ? 'YOU GAVE' : ClientDetails?.type == 1 ? 'PAYMENT' : 'IN', ' ', ClientDetails?.type !== 2 && 'Rs']
+            })]
+          })
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          style: Styles._btn,
+          activeOpacity: 0.8,
+          onPress: () => {
+            navigation.navigate('Entry', {
+              type: 'green',
+              onGoBack: homeDetails => {
+                sethomeDetails(homeDetails);
+              }
+            });
           },
-          end: {
-            x: 1,
-            y: 0
+          children: /*#__PURE__*/_jsxs(LinearGradient, {
+            colors: [COLORS.greenColor, COLORS.gradient_green],
+            style: {
+              width: '100%',
+              height: '100%',
+              justifyContent: 'center',
+              alignItems: 'center',
+              flexDirection: 'row',
+              gap: 5
+            },
+            start: {
+              x: 0,
+              y: 0
+            },
+            end: {
+              x: 1,
+              y: 0
+            },
+            children: [ClientDetails?.type == 2 && /*#__PURE__*/_jsx(Ionicons, {
+              color: COLORS.whiteColor,
+              name: 'remove-circle',
+              size: 25
+            }), /*#__PURE__*/_jsxs(Text, {
+              style: Styles._btnTitle,
+              children: [ClientDetails.type == 0 ? 'YOU GOT' : ClientDetails?.type == 1 ? 'PURCHASE' : 'OUT', ' ', ClientDetails?.type !== 2 && 'Rs']
+            })]
+          })
+        })]
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+          style: Styles._btn,
+          activeOpacity: 0.8,
+          onPress: () => {
+            navigation.navigate('Entry', {
+              type: 'green',
+              onGoBack: homeDetails => {
+                sethomeDetails(homeDetails);
+              }
+            });
           },
-          children: /*#__PURE__*/_jsxs(Text, {
-            style: Styles._btnTitle,
-            children: [ClientDetails.type == 0 ? "YOU GAVE" : "PAYMENT", " Rs"]
+          children: /*#__PURE__*/_jsxs(LinearGradient, {
+            colors: [COLORS.greenColor, COLORS.greenColor],
+            style: {
+              width: '100%',
+              height: '100%',
+              justifyContent: 'center',
+              alignItems: 'center',
+              flexDirection: 'row',
+              gap: 5
+            },
+            start: {
+              x: 0,
+              y: 0
+            },
+            end: {
+              x: 1,
+              y: 0
+            },
+            children: [ClientDetails?.type == 2 && /*#__PURE__*/_jsx(Ionicons, {
+              color: COLORS.whiteColor,
+              name: 'remove',
+              size: 20
+            }), /*#__PURE__*/_jsxs(Text, {
+              style: Styles._btnTitle,
+              children: [ClientDetails.type == 0 ? 'YOU GOT' : ClientDetails?.type == 1 ? 'PURCHASE' : 'OUT', ' ', ClientDetails?.type !== 2 && 'Rs']
+            })]
           })
-        })
-      }), /*#__PURE__*/_jsx(TouchableOpacity, {
-        style: Styles._btn,
-        activeOpacity: 0.8,
-        onPress: () => navigation.navigate("Entry", {
-          type: "green"
-        }),
-        children: /*#__PURE__*/_jsx(LinearGradient, {
-          colors: ["darkgreen", "green"],
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          style: Styles._btn,
+          activeOpacity: 0.8,
+          onPress: () => {
+            navigation.navigate('Entry', {
+              type: 'red',
+              amount,
+              pay_type: 'payable',
+              onGoBack: homeDetails => {
+                sethomeDetails(homeDetails);
+              }
+            });
+          },
+          children: /*#__PURE__*/_jsxs(LinearGradient, {
+            colors: [COLORS.redColor, COLORS.redColor],
+            style: {
+              width: '100%',
+              height: '100%',
+              justifyContent: 'center',
+              alignItems: 'center',
+              flexDirection: 'row',
+              gap: 5
+            },
+            start: {
+              x: 0,
+              y: 0
+            },
+            end: {
+              x: 1,
+              y: 0
+            },
+            children: [ClientDetails?.type == 2 && /*#__PURE__*/_jsx(Ionicons, {
+              color: COLORS.whiteColor,
+              name: 'add',
+              size: 20
+            }), /*#__PURE__*/_jsxs(Text, {
+              style: Styles._btnTitle,
+              children: [ClientDetails.type == 0 ? 'YOU GAVE' : ClientDetails?.type == 1 ? 'PAYMENT' : 'IN', ' ', ClientDetails?.type !== 2 && 'Rs']
+            })]
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Modal, {
+      isVisible: DateModal,
+      style: Styles._modal,
+      onBackButtonPress: () => setDateModal(false),
+      onBackdropPress: () => setDateModal(false),
+      children: /*#__PURE__*/_jsxs(View, {
+        style: Styles._modalMain,
+        children: [/*#__PURE__*/_jsxs(View, {
           style: {
-            width: "100%",
-            height: "100%",
-            justifyContent: "center",
-            alignItems: "center"
+            gap: 10,
+            borderBottomColor: COLORS.gray,
+            borderBottomWidth: 1,
+            paddingBottom: 10,
+            marginBottom: 25
           },
-          start: {
-            x: 0,
-            y: 0
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: {
+              fontFamily: FONT_MEDIUM,
+              fontSize: 13,
+              color: COLORS.blackColor
+            },
+            children: ["Set Date for ", ClientDetails?.name]
+          }), /*#__PURE__*/_jsx(Text, {
+            style: {
+              fontFamily: FONT_NORMAL,
+              fontSize: 13,
+              color: COLORS.blackColor
+            },
+            children: "DigiKhata will remind customer on selected Date."
+          })]
+        }), dateOptions?.map((item, index) => /*#__PURE__*/_jsxs(TouchableOpacity, {
+          activeOpacity: 0.8,
+          style: Styles._dateOption,
+          onPress: () => {
+            if (item?.id == 3) {
+              showDate(item);
+            } else {
+              let date = new Date(item?.rawDate);
+              let time = new Date(item?.rawDate);
+              let formatted = mergeDateTime({
+                date,
+                time
+              });
+              onSelectDate(formatted, ClientDetails?.id, item?.id);
+            }
           },
-          end: {
-            x: 1,
-            y: 0
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: {
+              flexDirection: 'row',
+              alignItems: 'center',
+              gap: 10
+            },
+            children: [/*#__PURE__*/_jsx(Ionicons, {
+              name: SelectedDateOption == item?.id ? 'radio-button-on' : 'radio-button-off',
+              color: SelectedDateOption == item?.id ? COLORS.primaryColor : COLORS.blackColor,
+              size: 22
+            }), /*#__PURE__*/_jsx(Text, {
+              children: item?.name
+            })]
+          }), item?.date && /*#__PURE__*/_jsxs(View, {
+            style: {
+              flexDirection: 'row',
+              alignItems: 'center',
+              gap: 10
+            },
+            children: [/*#__PURE__*/_jsx(Ionicons, {
+              name: 'calendar-outline',
+              color: COLORS.darkGrey,
+              size: 18
+            }), /*#__PURE__*/_jsx(Text, {
+              style: {
+                color: COLORS.darkGrey,
+                fontFamily: FONT_NORMAL,
+                fontSize: 11
+              },
+              children: item?.date
+            })]
+          })]
+        }, index))]
+      })
+    }), /*#__PURE__*/_jsx(Modal, {
+      isVisible: ReminderModal,
+      style: Styles._modal,
+      onBackButtonPress: () => setReminderModal(false),
+      onBackdropPress: () => setReminderModal(false),
+      children: /*#__PURE__*/_jsxs(View, {
+        style: Styles._modalMain,
+        children: [/*#__PURE__*/_jsxs(Text, {
+          style: {
+            fontFamily: FONT_MEDIUM,
+            fontSize: 14,
+            color: COLORS.blackColor,
+            marginBottom: 40
+          },
+          children: ["Send Reminder to ", ClientDetails?.name]
+        }), /*#__PURE__*/_jsx(ViewShot, {
+          ref: ref,
+          options: {
+            fileName: 'Your-File-Name',
+            format: 'jpg',
+            quality: 0.9
+          },
+          style: {
+            backgroundColor: COLORS.whiteColor,
+            paddingVertical: 20
           },
-          children: /*#__PURE__*/_jsxs(Text, {
-            style: Styles._btnTitle,
-            children: [ClientDetails.type == 0 ? "YOU GOT" : "PURCHASE", " Rs"]
+          children: /*#__PURE__*/_jsxs(View, {
+            style: {
+              alignSelf: 'center',
+              alignItems: 'center',
+              gap: 40
+            },
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: {
+                alignSelf: 'center',
+                alignItems: 'center',
+                gap: 2
+              },
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: {
+                  fontFamily: FONT_MEDIUM,
+                  fontSize: 15,
+                  color: COLORS.blackColor
+                },
+                children: "Payment Reminder for"
+              }), /*#__PURE__*/_jsxs(Text, {
+                style: {
+                  fontFamily: FONT_MEDIUM,
+                  fontSize: 15,
+                  color: 'red'
+                },
+                children: ["Rs ", amount]
+              }), /*#__PURE__*/_jsx(Text, {
+                style: {
+                  fontFamily: FONT_NORMAL,
+                  fontSize: 10,
+                  color: COLORS.blackColor,
+                  opacity: 0.8
+                },
+                children: new Date().toDateString()
+              })]
+            }), /*#__PURE__*/_jsxs(View, {
+              style: {
+                alignSelf: 'center',
+                alignItems: 'center',
+                gap: 2
+              },
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: {
+                  fontFamily: FONT_NORMAL,
+                  fontSize: 12,
+                  color: COLORS.blackColor,
+                  opacity: 0.8
+                },
+                children: "Sent by Saud Rehan"
+              }), /*#__PURE__*/_jsx(Text, {
+                style: {
+                  fontFamily: FONT_NORMAL,
+                  fontSize: 10,
+                  color: COLORS.blackColor,
+                  opacity: 0.6
+                },
+                children: "+92123456789"
+              })]
+            })]
           })
-        })
-      })]
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          style: {
+            width: '100%',
+            height: 45,
+            backgroundColor: COLORS.primaryColor,
+            alignSelf: 'center',
+            marginTop: 40,
+            justifyContent: 'center',
+            alignItems: 'center',
+            borderRadius: 50
+          },
+          activeOpacity: 0.8,
+          onPress: onCapture,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: {
+              color: COLORS.whiteColor,
+              fontFamily: FONT_MEDIUM,
+              fontSize: 13
+            },
+            children: "SEND REMINDER"
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Modal, {
+      isVisible: NumberModal,
+      onBackButtonPress: () => setNumberModal(false),
+      onBackdropPress: () => setNumberModal(false),
+      children: /*#__PURE__*/_jsxs(View, {
+        style: {
+          width: WP(90),
+          // height: HP(30),
+          backgroundColor: COLORS.whiteColor,
+          borderRadius: 15,
+          paddingHorizontal: 20,
+          paddingVertical: 15,
+          gap: 25
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: {
+            color: COLORS.blackColor,
+            fontFamily: FONT_MEDIUM,
+            fontSize: 16
+          },
+          children: "Enter Mobile Number"
+        }), /*#__PURE__*/_jsx(CountryPhoneInput, {
+          contentContainerStyle: {
+            width: '100%'
+          },
+          onChange: text => {
+            setPhoneNum(text?.fullNumber);
+          }
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            width: '100%',
+            justifyContent: 'flex-end',
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 10
+          },
+          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+            activeOpacity: 0.8,
+            style: Styles._numberBtn,
+            onPress: () => {
+              setPhoneNum('');
+              setNumberModal(false);
+            },
+            children: /*#__PURE__*/_jsx(Text, {
+              style: Styles._numberTxt,
+              children: "Cancel"
+            })
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            activeOpacity: 0.8,
+            style: Styles._numberBtn,
+            onPress: onNumSave,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: Styles._numberTxt,
+              children: "Save"
+            })
+          })]
+        })]
+      })
     })]
   });
 }
@@ -307,22 +1150,22 @@ const Styles = StyleSheet.create({
   _headerMain: {
     width: WP(100),
     height: 60,
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between"
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
   },
   _dataMain: {
-    width: "80%",
-    height: "100%",
+    width: '80%',
+    height: '100%',
     // backgroundColor: "red",
-    justifyContent: "center"
+    justifyContent: 'center'
   },
   _nameMain: {
-    width: "100%",
-    height: "50%",
+    width: '100%',
+    height: '50%',
     // backgroundColor: "pink",
-    flexDirection: "row",
-    alignItems: "center",
+    flexDirection: 'row',
+    alignItems: 'center',
     gap: 10
   },
   _badge: {
@@ -330,8 +1173,8 @@ const Styles = StyleSheet.create({
     backgroundColor: COLORS.whiteColor,
     paddingVertical: 2,
     paddingHorizontal: 5,
-    justifyContent: "center",
-    alignItems: "center",
+    justifyContent: 'center',
+    alignItems: 'center',
     borderRadius: 50
   },
   _badgeText: {
@@ -341,8 +1184,8 @@ const Styles = StyleSheet.create({
   },
   _nameTxt: {
     color: COLORS.whiteColor,
-    fontFamily: FONT_MEDIUM,
-    fontSize: 15
+    fontFamily: FONT_NORMAL,
+    fontSize: 19
   },
   _clickText: {
     color: COLORS.whiteColor,
@@ -353,17 +1196,17 @@ const Styles = StyleSheet.create({
     width: WP(100),
     height: 60,
     backgroundColor: COLORS.whiteColor,
-    position: "absolute",
+    position: 'absolute',
     bottom: 0,
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
     paddingHorizontal: 25
   },
   _btn: {
-    width: "47%",
-    height: "75%",
-    overflow: "hidden",
+    width: '49%',
+    height: 50,
+    overflow: 'hidden',
     borderRadius: 100
   },
   _btnTitle: {
@@ -375,11 +1218,11 @@ const Styles = StyleSheet.create({
     // width: "70%",
     // height: 40,
     backgroundColor: COLORS.whiteColor,
-    alignSelf: "center",
+    alignSelf: 'center',
     marginTop: 15,
-    borderRadius: 10,
-    flexDirection: "row",
-    alignItems: "center",
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    flexDirection: 'row',
+    alignItems: 'center',
     paddingHorizontal: 10,
     paddingVertical: 10,
     gap: 10
@@ -392,19 +1235,19 @@ const Styles = StyleSheet.create({
   },
   _contentMain: {
     flex: 1,
-    width: "100%",
+    width: '100%',
     // height: "85%",
     // backgroundColor: "red",
-    alignItems: "center"
+    alignItems: 'center'
   },
   _calculationMain: {
-    width: "95%",
+    width: '95%',
     height: 80,
     backgroundColor: COLORS.whiteColor,
-    position: "absolute",
+    position: 'absolute',
     top: 10,
-    borderRadius: 12,
-    shadowColor: "#000",
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    shadowColor: '#000',
     shadowOffset: {
       width: 0,
       height: 2
@@ -412,63 +1255,129 @@ const Styles = StyleSheet.create({
     shadowOpacity: 0.2,
     shadowRadius: 3.84,
     elevation: 5,
-    justifyContent: "center",
+    justifyContent: 'center',
     paddingLeft: 20,
     gap: 2
   },
   _optionsMain: {
-    width: "95%",
+    width: '100%',
     // height: 80,
     // backgroundColor: "red",
-    marginTop: 60
+    marginTop: 60,
+    marginBottom: 10
   },
   _listItem: {
     width: HP(9),
-    height: 65,
+    // height: 65,
     backgroundColor: COLORS.whiteColor,
-    justifyContent: "center",
-    alignItems: "center",
-    shadowColor: "#000",
+    justifyContent: 'center',
+    alignItems: 'center',
+    shadowColor: '#000',
     shadowOffset: {
       width: 0,
       height: 2
     },
     shadowOpacity: 0.2,
-    shadowRadius: 3.84,
+    shadowRadius: TEXT_SIZES.BORDER_RADIUS,
     elevation: 5,
-    margin: 5,
-    borderRadius: 12,
-    gap: 5
+    marginVertical: 5,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    gap: 5,
+    paddingVertical: 5
+    // marginHorizontal:3
   },
   _entriesMain: {
     flex: 1,
-    width: "100%",
+    width: '100%',
     // height: 40,
     backgroundColor: COLORS.whiteColor,
-    paddingHorizontal: 10,
+    // paddingHorizontal: 10,
     marginTop: 10,
-    paddingTop: 10
+    paddingTop: 10,
+    paddingHorizontal: '2.5%'
   },
   _tableHeader: {
-    width: "100%",
+    width: '100%',
     height: 30,
     // backgroundColor: "red",
-    flexDirection: "row",
+    flexDirection: 'row',
     marginTop: 10,
-    borderBottomColor: COLORS.darkGrey,
-    borderBottomWidth: 0.7
+    borderBottomColor: COLORS.gray,
+    borderBottomWidth: 0.5
   },
   _headerCell: {
-    width: "25%",
-    height: "100%",
+    width: '25%',
+    height: '100%',
     // backgroundColor: "pink",
-    justifyContent: "center",
+    justifyContent: 'center',
     paddingLeft: 5
   },
   _headerCellText: {
     color: COLORS.blackColor,
     opacity: 0.5,
-    fontFamily: FONT_MEDIUM,
+    fontFamily: FONT_BOLD,
+    fontSize: TEXT_SIZES.TABLE_LABELS
+  },
+  _icon: {
+    width: 40,
+    height: 40,
+    marginHorizontal: 15
+  },
+  _calculationMainBank: {
+    width: '95%',
+    height: 65,
+    backgroundColor: COLORS.whiteColor,
+    position: 'absolute',
+    top: 10,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 3.84,
+    elevation: 5,
+    // justifyContent: "center",
+    paddingLeft: 20,
+    gap: 2,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  _modalMain: {
+    width: WP(100),
+    // height: HP(30),
+    backgroundColor: COLORS.whiteColor,
+    alignSelf: 'center',
+    borderTopRightRadius: 15,
+    borderTopLeftRadius: 15,
+    paddingHorizontal: 20,
+    paddingVertical: 15
+  },
+  _modal: {
+    padding: 0,
+    margin: 0,
+    justifyContent: 'flex-end'
+  },
+  _dateOption: {
+    width: '100%',
+    height: 40,
+    // backgroundColor: "red",
+    marginVertical: 5,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  _numberBtn: {
+    width: 70,
+    height: 40,
+    // backgroundColor:"red",
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  _numberTxt: {
+    color: COLORS.primaryColor,
+    fontFamily: FONT_NORMAL,
     fontSize: 12
   }
 });