npm - digikhata-mashreq-sdk - Versions diffs - 1.0.0 → 1.1.0 - Mend

digikhata-mashreq-sdk 1.0.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (718) hide show

package/lib/module/app/screens/Report.js ADDED Viewed

@@ -0,0 +1,1105 @@
+"use strict";
+import { View, Text, StyleSheet, TouchableOpacity, FlatList, Image, SafeAreaView, Dimensions, PermissionsAndroid, Platform } from 'react-native';
+import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
+import LinearGradient from 'react-native-linear-gradient';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import { addCommas, COLORS, FONT_MEDIUM, FONT_NORMAL, formatDateTime, formatDateTimeShort, formatMyDate, formatShortDate, fromJsDateToSql, HP, ICON_SIZES, mergeDateTime, TEXT_SIZES, WP } from "../themes/config.js";
+import { useSelector, useDispatch } from 'react-redux';
+import { getClientDetails, getClientTransactions, insertPhoneNum, setPayDate } from "../database/clients.js";
+import { BottomView, CountryPhoneInput, SearchBar, Transaction } from "../components/index.js";
+import Modal from 'react-native-modal';
+import { CLIENT_DETAILS } 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 { generatePDF } from 'react-native-html-to-pdf';
+import { viewDocument } from '@react-native-documents/viewer';
+import RNPrint from 'react-native-print';
+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 Report({
+  navigation,
+  route
+}) {
+  const [Entries, setEntries] = useState([]);
+  const [StartDate, setStartDate] = useState('');
+  const [EndDate, setEndDate] = useState('');
+  const [searchTerm, setSearchTerm] = useState('');
+  const [IsReverse, setIsReverse] = useState(false);
+  const [IsFilterModal, setIsFilterModal] = useState(false);
+  const [SelectedFilter, setSelectedFilter] = useState('All');
+  const dispatch = useDispatch();
+  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';
+  }
+  amount = Math.abs(amount);
+  const calculateBalances = transactions => {
+    let balance = 0;
+    const reversed = [...transactions].reverse();
+    const withBalances = reversed.map(t => {
+      const amount = parseFloat(t.amount) || 0;
+      const subamount = parseFloat(t.subamount) || 0;
+      balance += subamount - amount;
+      return {
+        ...t,
+        balance
+      };
+    });
+    return withBalances.reverse();
+  };
+  const balancesData = calculateBalances(Entries);
+  const totalAmount = balancesData?.reduce((sum, item) => {
+    return sum + Number(item.amount);
+  }, 0);
+  useEffect(() => {
+    const unsubscribe = navigation.addListener('focus', () => {
+      applyFilter();
+    });
+    return () => unsubscribe();
+  }, [navigation]);
+  const totalSubAmount = balancesData.reduce((sum, item) => sum + Number(item.subamount || 0), 0);
+  const totalBalance = balancesData.reduce((sum, item) => sum + Number(Math.abs(item.balance) || 0), 0);
+  const generateTableRows = data => {
+    return data?.map((item, index) => `<tr>
+                <td>${index + 1}</td>
+                <td>${formatMyDate(item?.date)}</td>
+                <td style="
+  max-width:150px;
+  word-wrap:break-word;
+  white-space:normal;
+">
+  ${item?.notes?.split('_')[0]}
+</td>
+                <td class="debit-cell">Rs ${item?.amount}</td>
+                <td class="credit-cell">Rs ${item?.subamount}</td>
+                <td style="color:${item?.balance < 0 ? 'red' : 'green'} ;">Rs ${Math.abs(item?.balance)}</td>
+                </tr>
+        `).join('');
+  };
+  const htmlContent = `
+<html>
+<head>
+    <style>
+        @page {
+            margin-bottom: 80px;
+        }
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+        }
+        .header {
+            background-color: #FF5F00;
+            color: white;
+            text-align: center;
+            padding: 2px 0;
+            font-size: 20px;
+            font-weight: bold;
+        }
+        .footer {
+            background-color: orange;
+            color: white;
+            text-align: center;
+            padding: 5px 0;
+            position: fixed;
+            bottom: 0;
+            width: 100%;
+            height: 60px;
+        }
+        .content {
+            padding-bottom: 100px;
+        }
+        .logo {
+            width: 130px;
+            height: auto;
+        }
+        .top {
+            width: 100%;
+            text-align: center;
+        }
+        .summary-box {
+            width: 90%;
+            margin: 15px auto;
+            display: flex;
+            justify-content: space-between;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item {
+            width: 32%;
+            background-color: #f9f9f9;
+            text-align: center;
+            padding: 10px;
+            border-radius: 5px;
+        }
+        .summary-item h4 {
+            margin: 0;
+            font-size: 14px;
+        }
+        .summary-item p {
+            margin: 5px 0 0 0;
+            font-size: 16px;
+            font-weight: bold;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        th,
+        td {
+            border: 1px solid #000;
+            padding: 8px;
+            text-align: center;
+            font-size: 12px;
+        }
+        th {
+            background-color: #f2f2f2;
+        }
+        .debit-cell {
+            background-color: #f8d7da;
+            /* light red */
+        }
+        .credit-cell {
+            background-color: #d4edda;
+            /* light green */
+        }
+        thead {
+            display: table-header-group;
+        }
+        tfoot {
+            display: table-footer-group;
+        }
+        tr {
+            page-break-inside: avoid;
+        }
+        .totals {
+            width: 90%;
+            margin: 20px auto;
+            text-align: center;
+            border: 1px solid #ccc;
+            padding: 10px;
+            border-radius: 5px;
+            background: #f9f9f9;
+        }
+        .report-generated {
+            width: 90%;
+            margin: 5px auto;
+            text-align: right;
+            font-size: 10px;
+            color: #555;
+        }
+        .title {
+            color: white;
+            font-size: 25px
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <p class="title">DigiKhata</p>
+    </div>
+    <div class="content">
+        <div class="top">
+            <h3>${ClientDetails?.name} Statement</h3>
+            <h3>Account Number: ${ClientDetails?.type == 2 && ClientDetails?.phone}</h3>
+            <p>
+  ${StartDate === '' && EndDate === '' ? 'All Transactions' : `${new Date(StartDate).toDateString()} - ${new Date(EndDate).toDateString()}`}
+</p>
+        </div>
+        <!-- Summary Box -->
+        <div class="summary-box">
+            <div class="summary-item">
+                <h4>Net Balance</h4>
+                <p style="color: ${type == 'receivable' ? 'green' : 'red'};">Rs ${amount}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Total Debit</h4>
+                <p style="color: red">Rs ${totalAmount}</p>
+            </div>
+            <div class="summary-item">
+                <h4>Total Credit</h4>
+                <p style="color: green">Rs ${totalSubAmount}</p>
+            </div>
+        </div>
+        <!-- Table -->
+        <table style="width:90%; margin: 0 auto;">
+            <thead>
+                <tr>
+                    <th>Sr #</th>
+                    <th>Date</th>
+                    <th>Details</th>
+                    <th>
+                        ${ClientDetails?.type === 0 ? 'Debit' : ClientDetails?.type === 1 ? 'Payment' : 'Debit'}
+                    </th>
+                    <th>
+  ${ClientDetails?.type === 0 ? 'Credit' : ClientDetails?.type === 1 ? 'Purchase' : 'Credit'}
+</th>
+                    <th>Balance</th>
+                </tr>
+            </thead>
+            <tbody>
+                ${generateTableRows(balancesData)}
+            </tbody>
+        </table>
+        <!-- Totals Section -->
+        <div class="totals">
+            <p><strong>Grand Total Debit:</strong> Rs ${totalAmount}</p>
+            <p><strong>Grand Total Credit:</strong> Rs ${totalSubAmount}</p>
+            <p><strong>Final Balance:</strong> Rs ${totalBalance}</p>
+        </div>
+        <!-- Generated Date/Time -->
+        <div class="report-generated">
+            Report generated on: ${new Date().toLocaleString()}
+        </div>
+    </div>
+</body>
+</html>
+    `;
+  const createPDF = async flag => {
+    let options = {
+      html: htmlContent,
+      fileName: 'report',
+      base64: false
+    };
+    let results = await generatePDF(options);
+    if (flag) {
+      sendToWhatsApp('file://' + results?.filePath, ClientDetails?.phone?.split('+')[1]);
+    } else {
+      viewDocument({
+        uri: 'file://' + results?.filePath
+      });
+      console.log(results?.filePath);
+    }
+  };
+  const onPrint = async () => {
+    let options = {
+      html: htmlContent,
+      fileName: 'report',
+      base64: false
+    };
+    let results = await generatePDF(options);
+    await RNPrint.print({
+      filePath: results.filePath
+    });
+  };
+  const sendToWhatsApp = async (uri, phoneNumber) => {
+    try {
+      await Share.open({
+        url: uri,
+        // PDF file path
+        social: Share.Social.WHATSAPP,
+        whatsAppNumber: phoneNumber,
+        // e.g. '923001234567'
+        filename: 'report.pdf',
+        // must be .pdf
+        type: 'application/pdf' // important for PDF
+      });
+    } catch (err) {
+      console.log('Error sharing to WhatsApp:', err);
+    }
+  };
+  const showStartDate = () => {
+    DateTimePickerAndroid.open({
+      value: StartDate || new Date(),
+      onChange: onChangeStartDate,
+      mode: 'date',
+      is24Hour: false,
+      maximumDate: EndDate || new Date()
+    });
+  };
+  const onChangeStartDate = async (event, selectedDate) => {
+    const currentDate = selectedDate;
+    if (event?.type == 'set') {
+      setStartDate(currentDate);
+    }
+  };
+  const showEndDate = () => {
+    DateTimePickerAndroid.open({
+      value: EndDate || new Date(),
+      onChange: onChangeEndDate,
+      mode: 'date',
+      is24Hour: false,
+      ...(StartDate ? {
+        minimumDate: StartDate
+      } : {}),
+      maximumDate: new Date()
+    });
+  };
+  const onChangeEndDate = async (event, selectedDate) => {
+    const currentDate = selectedDate;
+    if (event?.type == 'set') {
+      setEndDate(currentDate);
+    }
+  };
+  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 finalData = searchBalances(balancesData, searchTerm);
+  const applyFilter = () => {
+    getClientTransactions(ClientDetails?.id, StartDate ? fromJsDateToSql(StartDate) : null, EndDate ? fromJsDateToSql(EndDate) : null).then(res => {
+      setEntries(res);
+    });
+  };
+  useEffect(() => {
+    applyFilter();
+  }, [StartDate, EndDate]);
+  const showSingleDayDate = () => {
+    DateTimePickerAndroid.open({
+      value: StartDate || new Date(),
+      onChange: onChangeSingleDayDate,
+      mode: 'date',
+      is24Hour: false,
+      maximumDate: new Date()
+    });
+  };
+  const onChangeSingleDayDate = async (event, selectedDate) => {
+    const currentDate = selectedDate;
+    if (event?.type == 'set') {
+      setSelectedFilter('Single Day');
+      setStartDate(currentDate);
+      setEndDate(currentDate);
+    }
+  };
+  const onDateRangePress = () => {
+    DateTimePickerAndroid.open({
+      value: StartDate || new Date(),
+      onChange: (event, selectedStartDate) => {
+        if (event.type === 'set' && selectedStartDate) {
+          // Save start date
+          setStartDate(selectedStartDate);
+          // Open end date picker after a slight delay
+          setTimeout(() => {
+            DateTimePickerAndroid.open({
+              value: EndDate || selectedStartDate,
+              onChange: (event2, selectedEndDate) => {
+                if (event2.type === 'set' && selectedEndDate) {
+                  // Extra guard: end date must be >= start date
+                  if (selectedStartDate && selectedEndDate < selectedStartDate) {
+                    alert('End date cannot be before Start date');
+                    return;
+                  }
+                  // Save end date
+                  setEndDate(selectedEndDate);
+                }
+              },
+              mode: 'date',
+              is24Hour: false,
+              maximumDate: new Date(),
+              // ✅ only include minimumDate if we have a valid start date
+              ...(selectedStartDate ? {
+                minimumDate: selectedStartDate
+              } : {})
+            });
+          }, 300);
+        }
+      },
+      mode: 'date',
+      is24Hour: false,
+      maximumDate: new Date()
+    });
+  };
+  const toggleReverse = () => {
+    setIsReverse(!IsReverse);
+  };
+  const displayedData = useMemo(() => {
+    const arr = Array.isArray(searchBalances(balancesData, searchTerm)) ? searchBalances(balancesData, searchTerm) : [];
+    return IsReverse ? [...arr].reverse() : arr;
+  }, [IsReverse, searchBalances(balancesData, searchTerm)]);
+  // console.log(Entries,"Entries")
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(SafeAreaView, {
+      style: Styles._mainContainer,
+      children: [/*#__PURE__*/_jsxs(LinearGradient, {
+        style: Styles._headerMain,
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 1,
+          y: 0
+        },
+        colors: [COLORS.primaryColor, COLORS.secondaryColor],
+        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+          activeOpacity: 0.8,
+          onPress: () => navigation?.goBack(),
+          children: /*#__PURE__*/_jsx(Ionicons, {
+            name: 'chevron-back',
+            color: COLORS.whiteColor,
+            size: 25
+          })
+        }), /*#__PURE__*/_jsxs(Text, {
+          style: Styles._headerTitle,
+          children: ["Report of", ' ', ClientDetails?.type != 2 ? ClientDetails?.name : ClientDetails?.phone]
+        })]
+      }), /*#__PURE__*/_jsx(LinearGradient, {
+        style: [Styles._headerMain, {
+          height: 30
+        }],
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 1,
+          y: 0
+        },
+        colors: [COLORS.primaryColor, COLORS.secondaryColor]
+      }), /*#__PURE__*/_jsx(View, {
+        style: [Styles._searchMain, {
+          overflow: 'hidden'
+        }],
+        children: /*#__PURE__*/_jsx(SearchBar, {
+          containerStyle: {
+            height: '90%',
+            width: '100%',
+            borderRadius: 0,
+            borderWidth: 0
+          },
+          placeholder: "Search",
+          filterLabel: SelectedFilter // 👈 will appear inside input
+          ,
+          onFilterPress: () => setIsFilterModal(true) // 👈 open modal on click
+          ,
+          onChangeText: text => setSearchTerm(text)
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: [Styles._searchMain, {
+          position: 'relative',
+          top: 25,
+          alignItems: 'center'
+        }],
+        children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+          activeOpacity: 0.8,
+          style: {
+            flexDirection: 'row',
+            width: '50%',
+            height: '80%',
+            justifyContent: 'center',
+            alignItems: 'center',
+            gap: 8,
+            borderRightColor: COLORS.gray,
+            borderRightWidth: 1
+          },
+          onPress: showStartDate,
+          children: [/*#__PURE__*/_jsx(Ionicons, {
+            name: 'calendar-outline',
+            color: COLORS.primaryColor,
+            size: 22
+          }), StartDate ? /*#__PURE__*/_jsxs(View, {
+            style: {
+              flexDirection: 'row',
+              alignItems: 'center',
+              gap: 7
+            },
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: {
+                color: COLORS.primaryColor,
+                fontFamily: FONT_NORMAL,
+                fontSize: 12
+              },
+              children: formatShortDate(StartDate)
+            }), /*#__PURE__*/_jsx(TouchableOpacity, {
+              activeOpacity: 0.8,
+              style: {
+                backgroundColor: 'red',
+                justifyContent: 'center',
+                alignItems: 'center',
+                width: 15,
+                height: 15,
+                borderRadius: 50
+              },
+              onPress: () => {
+                setSelectedFilter('All');
+                setStartDate('');
+              },
+              children: /*#__PURE__*/_jsx(Ionicons, {
+                name: 'close',
+                color: 'white',
+                size: 12
+              })
+            })]
+          }) : /*#__PURE__*/_jsx(Text, {
+            style: {
+              color: COLORS.primaryColor,
+              fontFamily: FONT_NORMAL,
+              fontSize: 12
+            },
+            children: "Start Date"
+          })]
+        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+          activeOpacity: 0.8,
+          style: {
+            flexDirection: 'row',
+            width: '50%',
+            height: '80%',
+            justifyContent: 'center',
+            alignItems: 'center',
+            gap: 8
+          },
+          onPress: showEndDate,
+          children: [/*#__PURE__*/_jsx(Ionicons, {
+            name: 'calendar-outline',
+            color: COLORS.primaryColor,
+            size: 22
+          }), EndDate ? /*#__PURE__*/_jsxs(View, {
+            style: {
+              flexDirection: 'row',
+              alignItems: 'center',
+              gap: 7
+            },
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: {
+                color: COLORS.primaryColor,
+                fontFamily: FONT_NORMAL,
+                fontSize: 12
+              },
+              children: formatShortDate(EndDate)
+            }), /*#__PURE__*/_jsx(TouchableOpacity, {
+              activeOpacity: 0.8,
+              style: {
+                backgroundColor: 'red',
+                justifyContent: 'center',
+                alignItems: 'center',
+                width: 15,
+                height: 15,
+                borderRadius: 50
+              },
+              onPress: () => {
+                setEndDate('');
+                setSelectedFilter('All');
+              },
+              children: /*#__PURE__*/_jsx(Ionicons, {
+                name: 'close',
+                color: 'white',
+                size: 12
+              })
+            })]
+          }) : /*#__PURE__*/_jsx(Text, {
+            style: {
+              color: COLORS.primaryColor,
+              fontFamily: FONT_NORMAL,
+              fontSize: 12
+            },
+            children: "End Date"
+          })]
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: Styles._netBalanceMain,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: {
+            color: COLORS.blackColor,
+            fontFamily: FONT_MEDIUM,
+            fontSize: 14
+          },
+          children: "Net Balance"
+        }), /*#__PURE__*/_jsxs(Text, {
+          style: {
+            color: type == 'receivable' ? 'green' : 'red',
+            fontFamily: FONT_MEDIUM,
+            fontSize: 14
+          },
+          children: ["Rs ", addCommas(Math.abs(totalAmount - totalSubAmount))]
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: Styles._tableHeader,
+        children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+          activeOpacity: 0.8,
+          onPress: toggleReverse,
+          style: [Styles._headerCell, {
+            width: '50%',
+            flexDirection: 'row',
+            justifyContent: 'flex-start',
+            alignItems: 'center',
+            gap: 10
+          }],
+          children: [/*#__PURE__*/_jsx(Ionicons, {
+            name: IsReverse ? 'arrow-down' : 'arrow-up',
+            color: COLORS.primaryColor,
+            size: 22
+          }), /*#__PURE__*/_jsxs(View, {
+            style: {
+              gap: 3
+            },
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: Styles._headerCellText,
+              children: "Entries"
+            }), /*#__PURE__*/_jsx(Text, {
+              style: Styles._tableCal,
+              children: Entries?.length
+            })]
+          })]
+        }), /*#__PURE__*/_jsxs(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(Text, {
+            style: [Styles._tableCal, {
+              color: 'red'
+            }],
+            children: ["Rs ", addCommas(totalAmount)]
+          })]
+        }), /*#__PURE__*/_jsxs(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__*/_jsxs(Text, {
+            style: [Styles._tableCal, {
+              color: 'green'
+            }],
+            children: ["Rs ", addCommas(totalSubAmount)]
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(FlatList, {
+        data: displayedData,
+        keyExtractor: (item, index) => index.toString(),
+        scrollEnabled: true,
+        contentContainerStyle: {
+          paddingBottom: 150,
+          paddingHorizontal: 5
+        },
+        renderItem: ({
+          item,
+          index
+        }) => /*#__PURE__*/_jsx(Transaction, {
+          item: item,
+          balance: item.balance,
+          isAttachment: item?.attachments?.length || item?.local_path ? true : false,
+          notes: item?.notes,
+          date: formatDateTimeShort(item?.date),
+          firstCell: item?.amount,
+          secondCell: item?.subamount,
+          onPress: () => navigation.navigate('TransactionDetails', {
+            item
+          })
+        })
+      }), /*#__PURE__*/_jsxs(BottomView, {
+        style: Styles._btnsMain,
+        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+          activeOpacity: 0.8,
+          style: [Styles._printButton, {
+            width: "16%"
+          }],
+          onPress: onPrint,
+          children: /*#__PURE__*/_jsx(View, {
+            style: Styles._btnPDF,
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: 'print-outline',
+              color: COLORS.blackColor,
+              size: ICON_SIZES.ACTION
+            })
+          })
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          style: [Styles._btn, {
+            width: ClientDetails?.type == 2 ? "75%" : "35%"
+          }],
+          onPress: () => createPDF(false),
+          children: /*#__PURE__*/_jsxs(View, {
+            style: Styles._btnContent,
+            children: [/*#__PURE__*/_jsx(Ionicons, {
+              name: 'document-outline',
+              color: COLORS.redColor,
+              size: ICON_SIZES.ACTION
+            }), /*#__PURE__*/_jsx(Text, {
+              style: Styles._btnText,
+              children: "PDF"
+            })]
+          })
+        }), ClientDetails?.type != 2 && /*#__PURE__*/_jsx(TouchableOpacity, {
+          style: [Styles._btn, {
+            width: "35%"
+          }],
+          onPress: () => {
+            createPDF(true);
+          },
+          children: /*#__PURE__*/_jsxs(View, {
+            style: Styles._btnContent,
+            children: [/*#__PURE__*/_jsx(Ionicons, {
+              name: 'logo-whatsapp',
+              color: COLORS.redColor,
+              size: ICON_SIZES.ACTION
+            }), /*#__PURE__*/_jsx(Text, {
+              style: Styles._btnText,
+              children: "WhatsApp"
+            })]
+          })
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(Modal, {
+      isVisible: IsFilterModal,
+      style: Styles._modal,
+      onBackButtonPress: () => setIsFilterModal(false),
+      onBackdropPress: () => setIsFilterModal(false),
+      children: /*#__PURE__*/_jsxs(View, {
+        style: Styles._modalMain,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: Styles._modalTitle,
+          children: "Select Report Duration"
+        }), /*#__PURE__*/_jsxs(View, {
+          style: Styles._optionsMain,
+          children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+            style: Styles._option,
+            activeOpacity: 0.8,
+            onPress: () => {
+              setSelectedFilter('All');
+              setIsFilterModal(false);
+              setStartDate('');
+              setEndDate('');
+              getClientTransactions(ClientDetails?.id, null, null).then(res => {
+                setEntries(res);
+              });
+            },
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: [Styles._optionTitle, {
+                color: SelectedFilter === 'All' ? COLORS.primaryColor : COLORS.blackColor
+              }],
+              children: "All"
+            }), /*#__PURE__*/_jsx(Ionicons, {
+              name: SelectedFilter === 'All' ? 'radio-button-on' : 'radio-button-off',
+              color: SelectedFilter === 'All' ? COLORS.primaryColor : COLORS.darkGrey,
+              size: 25
+            })]
+          }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+            style: Styles._option,
+            activeOpacity: 0.8,
+            onPress: () => {
+              setSelectedFilter('This Month');
+              setIsFilterModal(false);
+              let now = new Date();
+              let start = new Date(now.getFullYear(), now.getMonth(), 1);
+              let end = new Date(now.getFullYear(), now.getMonth() + 1, 0, 23, 59, 59);
+              setStartDate(start);
+              setEndDate(end);
+            },
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: [Styles._optionTitle, {
+                color: SelectedFilter === 'This Month' ? COLORS.primaryColor : COLORS.blackColor
+              }],
+              children: "This Month"
+            }), /*#__PURE__*/_jsx(Ionicons, {
+              name: SelectedFilter === 'This Month' ? 'radio-button-on' : 'radio-button-off',
+              color: SelectedFilter === 'This Month' ? COLORS.primaryColor : COLORS.darkGrey,
+              size: 25
+            })]
+          }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+            style: Styles._option,
+            activeOpacity: 0.8,
+            onPress: () => {
+              setIsFilterModal(false);
+              showSingleDayDate();
+            },
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: [Styles._optionTitle, {
+                color: SelectedFilter === 'Single Day' ? COLORS.primaryColor : COLORS.blackColor
+              }],
+              children: "Single Day"
+            }), /*#__PURE__*/_jsx(Ionicons, {
+              name: SelectedFilter === 'Single Day' ? 'radio-button-on' : 'radio-button-off',
+              color: SelectedFilter === 'Single Day' ? COLORS.primaryColor : COLORS.darkGrey,
+              size: 25
+            })]
+          }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+            style: Styles._option,
+            activeOpacity: 0.8,
+            onPress: () => {
+              setSelectedFilter('Last Week');
+              setIsFilterModal(false);
+              let now = new Date();
+              let dayOfWeek = now.getDay();
+              let lastSunday = new Date(now);
+              lastSunday.setDate(lastSunday.getDate() - dayOfWeek - 1);
+              lastSunday.setHours(23, 59, 59, 999);
+              let prevSunday = new Date(lastSunday);
+              prevSunday.setDate(prevSunday.getDate() - 6);
+              prevSunday.setHours(0, 0, 0, 0);
+              setStartDate(prevSunday);
+              setEndDate(lastSunday);
+            },
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: [Styles._optionTitle, {
+                color: SelectedFilter === 'Last Week' ? COLORS.primaryColor : COLORS.blackColor
+              }],
+              children: "Last Week"
+            }), /*#__PURE__*/_jsx(Ionicons, {
+              name: SelectedFilter === 'Last Week' ? 'radio-button-on' : 'radio-button-off',
+              color: SelectedFilter === 'Last Week' ? COLORS.primaryColor : COLORS.darkGrey,
+              size: 25
+            })]
+          }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+            style: Styles._option,
+            activeOpacity: 0.8,
+            onPress: () => {
+              setSelectedFilter('Last Month');
+              setIsFilterModal(false);
+              let now = new Date();
+              let start = new Date(now.getFullYear(), now.getMonth() - 1, 1);
+              start.setHours(0, 0, 0, 0);
+              let end = new Date(now.getFullYear(), now.getMonth(), 0);
+              end.setHours(23, 59, 59, 999);
+              setStartDate(start);
+              setEndDate(end);
+            },
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: [Styles._optionTitle, {
+                color: SelectedFilter === 'Last Month' ? COLORS.primaryColor : COLORS.blackColor
+              }],
+              children: "Last Month"
+            }), /*#__PURE__*/_jsx(Ionicons, {
+              name: SelectedFilter === 'Last Month' ? 'radio-button-on' : 'radio-button-off',
+              color: SelectedFilter === 'Last Month' ? COLORS.primaryColor : COLORS.darkGrey,
+              size: 25
+            })]
+          }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+            style: Styles._option,
+            activeOpacity: 0.8,
+            onPress: () => {
+              setSelectedFilter('Date Range');
+              setIsFilterModal(false);
+              onDateRangePress();
+            },
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: [Styles._optionTitle, {
+                color: SelectedFilter === 'Date Range' ? COLORS.primaryColor : COLORS.blackColor
+              }],
+              children: "Date Range"
+            }), /*#__PURE__*/_jsx(Ionicons, {
+              name: SelectedFilter === 'Date Range' ? 'radio-button-on' : 'radio-button-off',
+              color: SelectedFilter === 'Date Range' ? COLORS.primaryColor : COLORS.darkGrey,
+              size: 25
+            })]
+          })]
+        })]
+      })
+    })]
+  });
+}
+const Styles = StyleSheet.create({
+  _mainContainer: {
+    flex: 1,
+    backgroundColor: COLORS.backgroundColor
+  },
+  _headerMain: {
+    width: WP(100),
+    height: 60,
+    flexDirection: 'row',
+    alignItems: 'center',
+    // justifyContent: "space-between",
+    paddingHorizontal: Platform.OS == 'android' && 10,
+    gap: 15
+  },
+  _headerTitle: {
+    color: COLORS.whiteColor,
+    fontFamily: FONT_NORMAL,
+    fontSize: 15
+  },
+  _searchMain: {
+    width: '95%',
+    height: 45,
+    backgroundColor: COLORS.whiteColor,
+    alignSelf: 'center',
+    position: 'absolute',
+    top: 60,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 3.84,
+    elevation: 5,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  _netBalanceMain: {
+    width: '100%',
+    height: 45,
+    backgroundColor: COLORS.whiteColor,
+    marginTop: 35,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingHorizontal: 15
+  },
+  _tableHeader: {
+    width: '100%',
+    // height: 30,
+    // backgroundColor: "red",
+    flexDirection: 'row',
+    marginTop: 10,
+    borderBottomColor: COLORS.darkGrey,
+    borderBottomWidth: 0.7,
+    paddingHorizontal: 10
+  },
+  _headerCell: {
+    width: '25%',
+    // height: "100%",
+    // backgroundColor: "pink",
+    justifyContent: 'center',
+    paddingLeft: 5,
+    paddingVertical: 5,
+    gap: 3
+  },
+  _headerCellText: {
+    color: COLORS.blackColor,
+    opacity: 0.5,
+    fontFamily: FONT_MEDIUM,
+    fontSize: 12
+  },
+  _tableCal: {
+    color: COLORS.blackColor,
+    fontFamily: FONT_NORMAL,
+    fontSize: 12
+  },
+  // _btnsMain: {
+  //   width: WP(100),
+  //   // height: 60,
+  //   backgroundColor: COLORS.whiteColor,
+  //   position: 'absolute',
+  //   bottom: 0,
+  //   flexDirection: 'row',
+  //   justifyContent: 'space-between',
+  //   alignItems: 'center',
+  //   // paddingHorizontal: 25,
+  // },
+  _btnsMain: {
+    flexDirection: 'row',
+    justifyContent: 'space-evenly',
+    // equal spacing
+    alignItems: 'center',
+    width: '100%',
+    paddingHorizontal: 0,
+    marginTop: 10
+  },
+  _printButton: {
+    width: 100,
+    height: 50,
+    padding: 10,
+    backgroundColor: COLORS.yellowColor,
+    borderRadius: 100,
+    justifyContent: 'center',
+    alignItems: 'center',
+    alignContent: 'center',
+    alignSelf: 'center'
+  },
+  _btnPDF: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 5
+  },
+  _btn: {
+    // flex: 1, // equal space for all buttons
+    padding: 10,
+    height: 50,
+    borderColor: COLORS.redColor,
+    borderWidth: 1,
+    borderRadius: 100,
+    // marginHorizontal: 5,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  _btnContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 6
+  },
+  _btnText: {
+    color: COLORS.redColor,
+    fontFamily: FONT_MEDIUM,
+    fontSize: TEXT_SIZES.BUTTON_TEXT
+  },
+  _modal: {
+    margin: 0,
+    padding: 0,
+    justifyContent: 'flex-end'
+  },
+  _modalMain: {
+    width: WP(100),
+    // height: HP(45),
+    backgroundColor: COLORS.whiteColor,
+    borderTopRightRadius: TEXT_SIZES.BORDER_RADIUS,
+    borderTopLeftRadius: TEXT_SIZES.BORDER_RADIUS,
+    paddingHorizontal: 20,
+    paddingTop: 15
+  },
+  _modalTitle: {
+    color: COLORS.blackColor,
+    fontFamily: FONT_MEDIUM,
+    fontSize: 14
+  },
+  _optionsMain: {
+    paddingTop: 15
+  },
+  _option: {
+    width: '100%',
+    height: 45,
+    // backgroundColor: "red",
+    alignSelf: 'center',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  _optionTitle: {
+    color: COLORS.blackColor,
+    fontFamily: FONT_NORMAL,
+    fontSize: 14
+  }
+});
+//# sourceMappingURL=Report.js.map