digikhata-mashreq-sdk 1.0.0 → 1.1.0

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

@@ -1,37 +1,96 @@
 "use strict";
 
-import { View, Text, StyleSheet, TouchableOpacity, TextInput, Keyboard, ScrollView, Platform, PermissionsAndroid, Image, Dimensions } from 'react-native';
-import React, { useState } from 'react';
-import { COLORS, FONT_MEDIUM, FONT_NORMAL, HP, mergeDateTime, WP } from "../themes/config.js";
+import { View, Text, StyleSheet, TouchableOpacity, TextInput, Keyboard, ScrollView, Platform, PermissionsAndroid, Image, Dimensions, ActivityIndicator, Alert, StatusBar, PixelRatio, FlatList } from 'react-native';
+import React, { useState, useEffect, useRef } from 'react';
+import { addCommas, COLORS, FONT_BOLD, FONT_MEDIUM, FONT_NORMAL, formatDateTime, formatPhoneNumber, fromJsDateToSql, getAvatar, HP, Input_Field_SIZES, isPdfFile, mergeDateTime, TEXT_SIZES, toISOStringUTC, WP } from "../themes/config.js";
 import LinearGradient from 'react-native-linear-gradient';
-import Ionicons from "react-native-vector-icons/Ionicons";
+import Ionicons from 'react-native-vector-icons/Ionicons';
 import DateTimePicker, { DateTimePickerAndroid } from '@react-native-community/datetimepicker';
-import { addTransaction, addTransactionImages } from "../database/clients.js";
-import { useSelector } from "react-redux";
-import Modal from "react-native-modal";
-import { launchCamera, launchImageLibrary } from "react-native-image-picker";
-import { pick } from "@react-native-documents/picker";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { addClient, addTransaction, addTransactionImages, deleteTransactionImage, deleteTransactionImagesByTrxId, getClientDetails, getClientsByType, getClientTransactions, updateTransaction, updateTransactionImage } from "../database/clients.js";
+import { useSelector } from 'react-redux';
+import Modal from 'react-native-modal';
+import { launchCamera, launchImageLibrary } from 'react-native-image-picker';
+import { pick } from '@react-native-documents/picker';
+import Sound, { AudioEncoderAndroidType, AudioSourceAndroidType, AVEncoderAudioQualityIOSType, AVEncodingOption, RecordBackType, PlayBackType, createSound } from 'react-native-nitro-sound';
+import LottieView from 'lottie-react-native';
+import { SafeAreaView, SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useDispatch } from 'react-redux';
+import Contacts from 'react-native-contacts';
+import { CLIENT_DETAILS, STATUS_BAR_COLOR } from "../redux/reducers/client/client_types.js";
+import { CountryPhoneInput, FloatingInput, User } from "../components/index.js";
+import { addItemDetails, updateItemQty } from "../database/stock.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const CustomStatusBar = () => {
+  const insets = useSafeAreaInsets();
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      height: insets.top,
+      backgroundColor: 'red'
+    },
+    children: /*#__PURE__*/_jsx(StatusBar, {
+      translucent: true,
+      backgroundColor: COLORS.primaryColor,
+      barStyle: "light-content"
+    })
+  });
+};
 export default function Entry({
   navigation,
   route
 }) {
+  const animationRef = useRef(null);
+  const insets = useSafeAreaInsets();
+  const dispatch = useDispatch();
   const ClientDetails = useSelector(state => state.client.client_details);
+  const selectBusiness = useSelector(state => state.client.selected_business);
+  const clients = useSelector(state => state.client.home_customers);
+  const suppliers = useSelector(state => state.client.home_suppliers);
   const type = route?.params?.type;
+  const item = route?.params?.item;
+  const pay_type = route?.params?.pay_type;
+  const amount = route?.params?.amount;
   const mainColor = type;
-  const [input, setInput] = useState('');
-  const [memory, setMemory] = useState(null);
-  const [Notes, setNotes] = useState("");
+  const [input, setInput] = useState(''); // only the current number
+  const [history, setHistory] = useState(''); // full expression
+  const [result, setResult] = useState('0'); // live evaluated result
+  const [CalculatorErr, setCalculatorErr] = useState('');
+  const [HeaderValue, setHeaderValue] = useState('0');
+  const [memory, setMemory] = useState([]);
+  const [Notes, setNotes] = useState('');
   const [date, setDate] = useState(new Date());
+  const [showPicker, setShowPicker] = useState(false);
+  const [showTimePicker, setShowTimePicker] = useState(false);
   const [time, setTime] = useState(new Date());
-  const [MergedDate, setMergedDate] = useState("");
+  const [MergedDate, setMergedDate] = useState('');
+  const [SuccessModal, setSuccessModal] = useState(false);
   const [isModalVisible, setIsModalVisible] = useState(false);
-  const [attachments, setAttachments] = useState([]); // {type, uri, name}
+  const [attachments, setAttachments] = useState([]);
+  const [keyboardVisible, setKeyboardVisible] = useState(false);
+  const [IsSoundModal, setIsSoundModal] = useState(false);
+  const [RecordingTime, setRecordingTime] = useState('');
+  const [IsPlaying, setIsPlaying] = useState(false);
+  const [AudioFile, setAudioFile] = useState('');
+  const [PlayLoading, setPlayLoading] = useState(false);
+  const [BillNo, setBillNo] = useState('');
+  const [SelectedItems, setSelectedItems] = useState([]);
+  const [totalAmount, setTotalAmount] = useState(0);
+  const [Amount, setAmount] = useState('');
+  const [IsCash, setIsCash] = useState(false);
+  const [ChangeModal, setChangeModal] = useState(false);
+  const [SelectedParty, setSelectedParty] = useState(null);
+  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('');
 
   // ✅ Add file in state (max 3)
   const addAttachment = file => {
     if (attachments.length >= 3) {
-      alert("You can only attach up to 3 files.");
+      alert('You can only attach up to 3 files.');
       return;
     }
     setAttachments([...attachments, file]);
@@ -41,17 +100,17 @@ export default function Entry({
   const handleGallery = async () => {
     try {
       const result = await launchImageLibrary({
-        mediaType: "photo"
+        mediaType: 'photo'
       });
       if (result.assets && result.assets.length > 0) {
         addAttachment({
-          type: "image",
+          type: 'image',
           uri: result.assets[0].uri,
-          name: result.assets[0].fileName || "gallery_image.jpg"
+          name: result.assets[0].fileName || 'gallery_image.jpg'
         });
       }
     } catch (err) {
-      console.log("Gallery Error:", err);
+      console.log('Gallery Error:', err);
     }
     setIsModalVisible(false);
   };
@@ -60,28 +119,28 @@ export default function Entry({
   const handleCamera = async () => {
     try {
       const granted = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.CAMERA, {
-        title: "Camera Permission",
-        message: "This app needs camera access to take photos",
-        buttonNeutral: "Ask Me Later",
-        buttonNegative: "Cancel",
-        buttonPositive: "OK"
+        title: 'Camera Permission',
+        message: 'This app needs camera access to take photos',
+        buttonNeutral: 'Ask Me Later',
+        buttonNegative: 'Cancel',
+        buttonPositive: 'OK'
       });
       if (granted === PermissionsAndroid.RESULTS.GRANTED) {
         const result = await launchCamera({
-          mediaType: "photo"
+          mediaType: 'photo'
         });
         if (result.assets && result.assets.length > 0) {
           addAttachment({
-            type: "image",
+            type: 'image',
             uri: result.assets[0].uri,
-            name: result.assets[0].fileName || "camera_image.jpg"
+            name: result.assets[0].fileName || 'camera_image.jpg'
           });
         }
       } else {
-        alert("Camera permission denied");
+        alert('Camera permission denied');
       }
     } catch (err) {
-      console.log("Camera Error:", err);
+      console.log('Camera Error:', err);
     }
     setIsModalVisible(false);
   };
@@ -90,18 +149,18 @@ export default function Entry({
   const handlePDF = async () => {
     try {
       const res = await pick({
-        type: ["application/pdf"]
+        type: ['application/pdf']
       });
       if (res && res.length > 0) {
         addAttachment({
-          type: "pdf",
+          type: 'pdf',
           uri: res[0].uri,
-          name: res[0].name || "document.pdf"
+          name: res[0].name || 'document.pdf'
         });
       }
     } catch (err) {
-      if (err.message !== "DOCUMENT_PICKER_CANCELED") {
-        console.log("PDF Error:", err);
+      if (err.message !== 'DOCUMENT_PICKER_CANCELED') {
+        console.log('PDF Error:', err);
       }
     }
     setIsModalVisible(false);
@@ -111,114 +170,768 @@ export default function Entry({
   };
 
   // Calculator buttons
-  const buttons = [['AC', 'M+', 'M-', 'MR'], ['%', '÷', 'x', '-'], ['7', '8', '9', '+'], ['4', '5', '6', '='], ['1', '2', '3', '↵'], ['0', '.']];
+  const buttons = [['AC', 'M+', 'M-', 'MR'], ['%', '÷', 'x', '-'], ['7', '8', '9', '+'], ['4', '5', '6', '='], ['1', '2', '3', '⌫'], ['0', '.']];
+  const operators = ['+', '-', '*', '/', 'x', '÷', '%'];
   const handlePress = key => {
+    const limit = 9;
+    const currHist = history || '';
+    const currInput = input || '';
+
+    // --- helpers ---
+    const roundTo3 = num => Math.round(num * 1000) / 1000;
+    const evaluateLeftToRight = expr => {
+      if (!expr) return 0;
+      expr = expr.replace(/x/g, '*').replace(/÷/g, '/').replace(/%/g, '/100');
+      const tokens = expr.match(/(\d+(\.\d+)?|[+\-*/])/g);
+      if (!tokens) return 0;
+      let result = parseFloat(tokens[0]);
+      for (let i = 1; i < tokens.length; i += 2) {
+        const op = tokens[i];
+        const num = parseFloat(tokens[i + 1]);
+        if (isNaN(num)) return null;
+        if (op === '+') result += num;else if (op === '-') result -= num;else if (op === '*') result *= num;else if (op === '/') result /= num;
+      }
+      return roundTo3(result);
+    };
+    const isOperator = ch => operators.includes(ch);
+    const getLastNumber = hist => {
+      if (!hist) return '';
+      const parts = hist.split(/[\+\-\*\/x÷]/);
+      return parts[parts.length - 1] || '';
+    };
+    const setSafeValues = (resValue, newHist = null, inputVal = null) => {
+      if (resValue < 0) {
+        setCalculatorErr && setCalculatorErr('Invalid Amount');
+        return;
+      }
+      setResult(resValue.toString());
+      if (newHist !== null) setHistory(newHist);
+      if (inputVal !== null) setInput(inputVal);
+      setCalculatorErr && setCalculatorErr('');
+    };
+
+    // --- AC ---
     if (key === 'AC') {
       setInput('');
-      setMemory(null);
-    } else if (key === 'M+') {
-      if (input) setMemory(Number(input));
-    } else if (key === 'M-') {
-      setMemory(null);
-    } else if (key === 'MR') {
-      if (memory !== null) setInput(prev => prev + memory.toString());
-    } else if (key === '=') {
-      try {
-        const expression = input.replace(/x/g, '*').replace(/÷/g, '/').replace(/%/g, '/100');
-        const result = eval(expression);
-        setInput(result.toString());
-      } catch (err) {
-        setInput('Error');
+      setHistory('');
+      setResult('0');
+      setMemory([]);
+      setCalculatorErr && setCalculatorErr('');
+      return;
+    }
+
+    // --- BACKSPACE ---
+    if (key === '⌫') {
+      if (!currHist) return;
+      const newHist = currHist.slice(0, -1);
+      setHistory(newHist);
+      if (newHist && isOperator(newHist.slice(-1))) {
+        const beforeOp = newHist.slice(0, -1);
+        const res = evaluateLeftToRight(beforeOp);
+        const displayNum = !isNaN(res) ? res.toString() : getLastNumber(newHist) || '';
+        setSafeValues(res, newHist, displayNum + newHist.slice(-1));
+      } else {
+        const last = getLastNumber(newHist);
+        const res = newHist && !isOperator(newHist.slice(-1)) ? evaluateLeftToRight(newHist) : 0;
+        setSafeValues(res, newHist, last);
       }
-    } else if (key === '↵') {
-      Keyboard.dismiss();
-    } else {
-      setInput(prev => prev + key);
+      return;
     }
+
+    // --- EQUAL ---
+    if (key === '=') {
+      if (!currHist) return;
+      let exprToEval = currHist.endsWith('=') ? currHist.slice(0, -1) : currHist;
+      if (exprToEval && isOperator(exprToEval.slice(-1))) {
+        exprToEval = exprToEval.slice(0, -1);
+      }
+      if (!exprToEval) return;
+      const res = evaluateLeftToRight(exprToEval);
+      if (res === null || isNaN(res)) {
+        setInput('');
+        setHistory('');
+        setResult('Error');
+      } else {
+        setSafeValues(res, exprToEval + '=', res.toString());
+      }
+      return;
+    }
+
+    // --- OPERATOR ---
+    if (isOperator(key)) {
+      if (!currHist && !currInput) return;
+
+      // --- Handle after '=' ---
+      if (currHist.endsWith('=')) {
+        const base = currInput || currHist.slice(0, -1);
+        if (typeof checkMaxValue === 'function' && checkMaxValue(base)) return;
+        const newHist = base + key;
+        const res = evaluateLeftToRight(base);
+        setSafeValues(res, newHist, base + key);
+        return;
+      }
+
+      // --- Replace operator ---
+      if (currHist && isOperator(currHist.slice(-1))) {
+        const newHist = currHist.slice(0, -1) + key;
+        const exprForRes = newHist.slice(0, -1);
+        const res = evaluateLeftToRight(exprForRes);
+        setSafeValues(res, newHist, (currInput && isOperator(currInput.slice(-1)) ? currInput.slice(0, -1) : res.toString()) + key);
+        return;
+      }
+
+      // --- Percentage ---
+      if (key === '%') {
+        const lastNum = getLastNumber(currHist);
+        if (!lastNum) return;
+        if (parseFloat(lastNum) < 1 && lastNum.includes('.')) return;
+        const percentValue = parseFloat(lastNum) / 100;
+        const newHist = currHist.slice(0, currHist.length - lastNum.length) + percentValue;
+        const res = evaluateLeftToRight(newHist);
+        setSafeValues(res, newHist, percentValue.toString());
+        return;
+      }
+
+      // --- Normal operator handling ---
+      const newHist = currHist + key;
+      const res = evaluateLeftToRight(currHist);
+      setSafeValues(res, newHist, res.toString() + key);
+      return;
+    }
+
+    // --- NUMBER / DOT ---
+    if (key === '.') {
+      const lastNum = getLastNumber(currHist);
+      if (!lastNum) return;
+      if (lastNum.includes('.')) return;
+    }
+    if (key === '0') {
+      const lastNum = getLastNumber(currHist);
+      if (!lastNum) return;
+      if (lastNum === '0') return;
+    }
+    if (key === 'M+' || key === 'M-') {
+      if (!currInput && (!result || result === '0')) return;
+      let exprToEval = currHist.endsWith('=') ? currHist.slice(0, -1) : currHist;
+      if (!exprToEval && currInput) {
+        exprToEval = currInput;
+      } else if (!exprToEval && result && result !== '0') {
+        exprToEval = result;
+      }
+      if (!exprToEval) return;
+      if (exprToEval && isOperator(exprToEval.slice(-1))) {
+        exprToEval = exprToEval.slice(0, -1);
+      }
+      const res = evaluateLeftToRight(exprToEval);
+      if (res === null || isNaN(res)) return;
+      const valueToStore = key === 'M+' ? res : -res;
+      setMemory(prev => [...prev, valueToStore]);
+      return;
+    }
+    const lastNum = getLastNumber(currHist);
+    if (lastNum.length >= limit) return;
+    const newHist = currHist + key;
+    const newLastNum = getLastNumber(newHist);
+    const res = evaluateLeftToRight(newHist);
+    setSafeValues(res, newHist, newLastNum.slice(0, limit));
   };
   const handleBackspace = () => {
-    setInput(prev => prev.slice(0, -1));
+    const maxValue = 999999999;
+    const limit = 9;
+    const roundTo3 = num => Math.round(num * 1000) / 1000;
+    const evaluateLeftToRight = expr => {
+      expr = expr.replace(/x/g, '*').replace(/÷/g, '/').replace(/%/g, '/100');
+      const tokens = expr.match(/(\d+(\.\d+)?|[+\-*/])/g);
+      if (!tokens) return 0;
+      let result = parseFloat(tokens[0]);
+      for (let i = 1; i < tokens.length; i += 2) {
+        const op = tokens[i];
+        const num = parseFloat(tokens[i + 1]);
+        if (op === '+') result += num;else if (op === '-') result -= num;else if (op === '*') result *= num;else if (op === '/') result /= num;
+      }
+      result = roundTo3(result);
+      if (result > maxValue) {
+        setCalculatorErr('Invalid Amount');
+        return null;
+      }
+      return result;
+    };
+
+    // current state
+    const currHist = history || '';
+    if (!currHist) return;
+
+    // 🔹 remove the last char from history
+    const newHist = currHist.slice(0, -1);
+
+    // 🔹 find last operator and rebuild current input segment
+    const lastOpIndex = Math.max(newHist.lastIndexOf('+'), newHist.lastIndexOf('-'), newHist.lastIndexOf('*'), newHist.lastIndexOf('/'), newHist.lastIndexOf('x'), newHist.lastIndexOf('÷'), newHist.lastIndexOf('%'));
+
+    // 🔹 new input segment (after the last operator)
+    const newInputSegment = lastOpIndex === -1 ? newHist : newHist.slice(lastOpIndex + 1);
+    setHistory(newHist);
+    setInput(newInputSegment);
+
+    // ✅ prepare expression for evaluation:
+    // if last char is operator, drop it before evaluating
+    let exprForEval = newHist;
+    if (exprForEval && operators.includes(exprForEval.slice(-1))) {
+      exprForEval = exprForEval.slice(0, -1);
+    }
+
+    // 🔹 update live result
+    if (exprForEval) {
+      const res = evaluateLeftToRight(exprForEval);
+
+      // ✅ set result and also update input to evaluated result
+      setResult(res !== null ? res.toString().slice(0, limit) : '0');
+      setInput(res !== null ? res.toString().slice(0, limit) : '0');
+    } else {
+      setResult('0');
+    }
+    setCalculatorErr('');
   };
   const onChangeDate = (event, selectedDate) => {
-    const currentDate = selectedDate;
+    const currentDate = selectedDate || date;
+    setShowPicker(Platform.OS === 'ios'); // for iOS
     setDate(currentDate);
   };
   const onChangeTime = (event, selectedDate) => {
     const currentDate = selectedDate;
+    setShowTimePicker(Platform.OS === 'ios');
     setTime(currentDate);
   };
-  const showDate = currentMode => {
-    DateTimePickerAndroid.open({
-      value: date,
-      onChange: onChangeDate,
-      mode: "date",
-      is24Hour: false
-    });
+  const showDate = () => {
+    if (Platform.OS === 'android') {
+      // Android dialog
+      DateTimePickerAndroid.open({
+        value: date,
+        onChange: onChangeDate,
+        mode: 'date',
+        is24Hour: false
+      });
+    } else {
+      // iOS: just show inline picker
+      setShowPicker(true);
+    }
   };
-  const showTime = currentMode => {
-    DateTimePickerAndroid.open({
-      value: time,
-      onChange: onChangeTime,
-      mode: "time",
-      is24Hour: false
-    });
+  const showTime = () => {
+    if (Platform.OS === 'android') {
+      // Android dialog
+      DateTimePickerAndroid.open({
+        value: time,
+        onChange: onChangeTime,
+        mode: 'time',
+        is24Hour: false
+      });
+    } else {
+      // iOS: show inline picker
+      setShowTimePicker(true);
+    }
   };
   const onSave = () => {
     try {
-      let finalValue = input;
-      if (input) {
-        // Replace calculator symbols with JS operators
-        const expression = input.replace(/x/g, "*").replace(/÷/g, "/").replace(/%/g, "/100");
-        let result = eval(expression);
-
-        // ✅ Ensure result is a valid finite number
-        if (typeof result === "number" && isFinite(result)) {
-          finalValue = result.toString();
+      const finalValue = Number(result);
+
+      // ✅ Validate number
+      if (!finalValue || !isFinite(finalValue) || finalValue <= 0 || finalValue > 999999999 || CalculatorErr || CalculatorErr != '') {
+        console.log('Invalid or non-positive result, not saving');
+        return;
+      }
+      const amountToSave = finalValue;
+      const creditLimit = Number(ClientDetails?.credit_limit || 0);
+      if ((pay_type === 'receivable' || pay_type === undefined || pay_type == "none") && mainColor === 'red' && creditLimit > 0 && Number(amountToSave) + Number(amount) > creditLimit) {
+        Alert.alert('Credit Limit Warning', `The customer balance will be greater than the assigned credit limit of Rs ${creditLimit}.\nAre you sure you want to continue?`, [{
+          text: 'No',
+          style: 'cancel'
+        }, {
+          text: 'Yes',
+          onPress: () => saveTransaction(amountToSave)
+        }], {
+          cancelable: true
+        });
+      } else {
+        saveTransaction(amountToSave);
+      }
+    } catch (err) {
+      console.log('Calculation Error:', err);
+    }
+  };
+  const saveTransaction = finalValue => {
+    addTransaction(ClientDetails.id, mainColor === 'red' ? String(finalValue) : '0',
+    // red = debit
+    mainColor === 'green' ? String(finalValue) : '0',
+    // green = credit
+    Notes + `_bill_${BillNo}`, mergeDateTime({
+      date,
+      time
+    }), AudioFile, null, SelectedItems?.length > 0 ? JSON.stringify(SelectedItems) : '').then(async res => {
+      console.log(res, 'Transaction Success');
+      const trxId = res.insertId; // ✅ new transaction ID
+
+      // If there are attachments, insert them
+      if (attachments && attachments.length > 0) {
+        for (const file of attachments) {
+          try {
+            await addTransactionImages(trxId, file.uri);
+            console.log(`Attachment added: ${file.name}`);
+          } catch (err) {
+            console.log('Attachment insert error:', err);
+          }
+        }
+      }
+      if (SelectedItems) {
+        const parsedItems = SelectedItems;
+        await Promise.all(parsedItems.map(async i => {
+          await addStockEntry(i?.id,
+          // itemId
+          i?.addedQty,
+          // stockOUT
+          Number(i?.addedQty) * Number(i?.addedRate),
+          // amount
+          Number(i?.addedRate),
+          // rateSale
+          trxId,
+          // billNo
+          i?.qty,
+          // oldQuantity
+          i?.addedQty,
+          // addedQuantity
+          Notes,
+          // Details
+          AudioFile,
+          // AudioFile
+          fromJsDateToSql(date),
+          // date
+          selectBusiness // selectBusiness
+          );
+        }));
+      }
+
+      // ✅ Reset form
+      setInput('');
+      setMemory([]);
+      setNotes('');
+      setDate(new Date());
+      setTime(new Date());
+      setMergedDate('');
+      setAttachments([]);
+      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
+      };
+      setSuccessModal(true);
+      setTimeout(() => {
+        setSuccessModal(false);
+
+        // now after 4 seconds go back
+        route.params?.onGoBack(filteredClient); // send data back
+        navigation.goBack();
+      }, 2000);
+    }).catch(err => {
+      console.log(err, 'Transaction Error');
+    });
+  };
+  useEffect(() => {
+    const showSubscription = Keyboard.addListener('keyboardDidShow', () => {
+      setKeyboardVisible(true);
+    });
+    const hideSubscription = Keyboard.addListener('keyboardDidHide', () => {
+      setKeyboardVisible(false);
+    });
+    return () => {
+      showSubscription.remove();
+      hideSubscription.remove();
+    };
+  }, []);
+  const askAudioPermission = async () => {
+    if (Platform.OS === 'android') {
+      try {
+        const granted = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.RECORD_AUDIO, {
+          title: 'Audio Recording Permission',
+          message: 'DigiKhata needs access to your microphone to record audio.',
+          buttonNeutral: 'Ask Me Later',
+          buttonNegative: 'Cancel',
+          buttonPositive: 'OK'
+        });
+        if (granted === PermissionsAndroid.RESULTS.GRANTED) {
+          console.log('Recording permission granted');
+          onStartRecord();
         } else {
-          console.log("Invalid result, not saving");
-          return; // stop here
+          console.log('Recording permission denied');
+          return;
         }
-      } else {
-        console.log("Empty input, not saving");
+      } catch (err) {
+        console.warn(err);
         return;
       }
-      addTransaction(ClientDetails.id, type == "red" ? finalValue : 0, type == "green" ? finalValue : 0, Notes, mergeDateTime({
-        date,
-        time
-      }), "").then(async res => {
-        console.log(res, "Transaction Success");
-        const trxId = res.insertId; // ✅ new transaction ID
-
-        // If there are attachments, insert them
-        if (attachments && attachments.length > 0) {
-          for (const file of attachments) {
+    } else {
+      onStartRecord();
+    }
+  };
+  const onStartRecord = async () => {
+    setIsSoundModal(true);
+    Sound.addRecordBackListener(e => {
+      console.log('Recording progress:', e.currentPosition, e.currentMetering);
+      console.log(e.currentPosition);
+      console.log(Sound.mmssss(Math.floor(e.currentPosition)));
+      setRecordingTime(Sound.mmssss(Math.floor(e.currentPosition)));
+    });
+    const result = await Sound.startRecorder();
+    console.log('Recording started:', result);
+  };
+  const onStopRecord = async flag => {
+    try {
+      const result = await Sound.stopRecorder();
+      Sound.removeRecordBackListener();
+      console.log('Recording stopped:', result);
+      setAudioFile(flag ? '' : result);
+      setTimeout(() => {
+        setIsSoundModal(false);
+      }, 350);
+    } catch (err) {
+      console.error('Error stopping recorder:', err);
+    }
+  };
+  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 onPauseRecord = async () => {
+    Sound.stopPlayer();
+    Sound.removePlayBackListener();
+    Sound.removePlaybackEndListener();
+  };
+  useEffect(() => {
+    dispatch({
+      type: STATUS_BAR_COLOR,
+      color: mainColor == "red" ? COLORS.redColor : COLORS.greenColor
+    });
+    if (item) {
+      let arr = [];
+      item?.attachments?.map((i, index) => {
+        arr.push({
+          name: `pdf-test-${index + 1}.pdf`,
+          type: isPdfFile(i?.local_path) ? 'pdf' : 'image',
+          uri: i?.local_path,
+          attachment_id: i?.id
+        });
+      });
+      const value = item?.amount === '0' ? item?.subamount.toString() : item?.amount.toString();
+      setInput(value);
+      setResult(value);
+      setHistory(value);
+      setAudioFile(item?.local_path);
+      setDate(new Date(toISOStringUTC(item?.date)));
+      setTime(new Date(toISOStringUTC(item?.date)));
+      setNotes(item?.notes?.split('_')[0]);
+      setBillNo(item?.notes?.split('_')[2]);
+      setAttachments(arr);
+      setSelectedItems(item?.items ? JSON.parse(item?.items) : []);
+    }
+  }, []);
+  const onUpdate = () => {
+    try {
+      // Use the calculated result directly
+      let finalValue = Number(result);
+
+      // ✅ Check if result is valid, finite, and positive
+      if (typeof finalValue !== 'number' || !isFinite(finalValue) || finalValue <= 0) {
+        console.log('Invalid or non-positive result, not updating');
+        return;
+      }
+      const amountToSave = finalValue;
+      const creditLimit = Number(ClientDetails?.credit_limit || 0);
+      const currentBalance = Math.abs(item?.balance || 0);
+      const proceedUpdate = () => {
+        updateTransaction(item?.id, ClientDetails.id, type === 'red' ? String(amountToSave) : '0', type === 'green' ? String(amountToSave) : '0', Notes + `_bill_${BillNo}`, mergeDateTime({
+          date,
+          time
+        }), AudioFile, SelectedItems?.length > 0 ? JSON.stringify(SelectedItems) : '').then(async res => {
+          console.log(res, 'Transaction Update Success');
+          const trxId = item?.id;
+
+          // Handle attachments
+          if (attachments?.length > 0) {
             try {
-              await addTransactionImages(trxId, file.uri);
-              console.log(`Attachment added: ${file.name}`);
+              await deleteTransactionImagesByTrxId(trxId);
+              console.log(`Previous attachments deleted for trxId: ${trxId}`);
             } catch (err) {
-              console.log("Attachment insert error:", err);
+              console.log('Error deleting attachments:', err);
+            }
+            for (const file of attachments) {
+              if (file?.uri) {
+                try {
+                  await addTransactionImages(trxId, file.uri);
+                  console.log(`Attachment added: ${file.name || file.uri}`);
+                } catch (err) {
+                  console.log('Attachment insert error:', err);
+                }
+              }
+            }
+          } else {
+            try {
+              await deleteTransactionImagesByTrxId(trxId);
+              console.log(`No attachments — all deleted for trxId: ${trxId}`);
+            } catch (err) {
+              console.log('Error deleting attachments:', err);
             }
           }
-        }
 
-        // ✅ Reset form
-        setInput("");
-        setMemory("");
-        setNotes("");
-        setDate(new Date());
-        setTime(new Date());
-        setMergedDate("");
-        setAttachments([]);
-        navigation?.navigate("HomeScreen", {
-          screen: ClientDetails.type == 0 ? "Customers" : "Suppliers"
+          // Reset form
+          setInput('');
+          setMemory([]);
+          setNotes('');
+          setDate(new Date());
+          setTime(new Date());
+          setMergedDate('');
+          setAttachments([]);
+          const transactions = await getClientTransactions(ClientDetails?.id);
+          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
+            };
+          });
+          const filteredTransaction = withBalances.find(t => t.id === item?.id);
+          setSuccessModal(true);
+          setTimeout(() => {
+            setSuccessModal(false);
+            route.params?.onGoBack({
+              ...filteredTransaction,
+              balance
+            });
+            navigation.goBack();
+          }, 2000);
+        }).catch(err => console.log(err, 'Transaction Error'));
+      };
+
+      // ✅ Show credit limit popup if needed
+      if (pay_type === 'payable' && mainColor === 'red' && creditLimit !== 0 && amountToSave + currentBalance > creditLimit) {
+        Alert.alert('Credit Limit Warning', `The customer balance will be greater than assigned credit limit Rs ${creditLimit}.\nAre you sure you want to continue?`, [{
+          text: 'No',
+          style: 'cancel'
+        }, {
+          text: 'Yes',
+          onPress: proceedUpdate
+        }], {
+          cancelable: true
         });
-      }).catch(err => {
-        console.log(err, "Transaction Error");
+      } else {
+        proceedUpdate();
+      }
+    } catch (err) {
+      console.log('Calculation Error:', err);
+    }
+  };
+  useEffect(() => {
+    const maxValue = 999999999;
+    const numResult = Number(result);
+
+    // ✅ Only treat input as a number if it’s purely numeric (or decimal)
+    const isInputNumeric = /^-?\d*\.?\d+$/.test(input); // matches numbers like 123, -45.6
+    const numInput = isInputNumeric ? Number(input) : null;
+
+    // ✅ check for invalid conditions:
+    // 1. result > maxValue or Infinity
+    // 2. input > maxValue or Infinity (only if numeric)
+    if (!isFinite(numResult) ||
+    // catches Infinity & NaN in result
+    numResult > maxValue || numInput !== null && (!isFinite(numInput) || numInput > maxValue)) {
+      setCalculatorErr('Invalid Amount');
+    } else {
+      // clear error if values go back to normal
+      setCalculatorErr('');
+    }
+  }, [input, result, history]);
+  const calculateQuantity = (existingQty, newQty, type) => {
+    const current = Number(existingQty) || 0;
+    const input = Number(newQty) || 0;
+    if (type === 'IN') {
+      return current + input; // Add stock
+    } else if (type === 'OUT') {
+      return current - input; // Reduce stock
+    } else {
+      return current; // No change if type is invalid
+    }
+  };
+  const addStockEntry = async (itemId, stockOUT, amount, rateSale, billNo, oldQuantity, addedQuantity, Details, AudioFile, date, selectBusiness) => {
+    try {
+      debugger;
+      const res = await addItemDetails(itemId, '0',
+      // stockIN (since this is stockOUT)
+      stockOUT, amount, rateSale, `${Details}_bill_${String(billNo)}`, AudioFile, fromJsDateToSql(date), selectBusiness?.id, String(billNo));
+      console.log('✅ Transaction Success:', res);
+      const updatedQty = calculateQuantity(oldQuantity, addedQuantity, 'OUT');
+      await updateItemQty(itemId, updatedQty);
+      const trxId = res?.insertId;
+      console.log('🆔 New Transaction ID:', trxId);
+      return trxId; // optional return if you want to use it later
+    } catch (error) {
+      console.error('❌ Error adding entry:', error);
+    }
+  };
+  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() || '';
+    const searchLower = searchText.toLowerCase();
+
+    // Exclude if number matches ClientDetails.phone
+    const clientPhone = ClientDetails?.phone?.toLowerCase() || '';
+
+    // Optional: mapped client type (if needed)
+    const clientType = clientPhoneMap.get(formattedNumber);
+
+    // Skip this contact if it’s the same as ClientDetails
+    if (formattedNumber === clientPhone) return false;
+    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();
+    const clientPhone = ClientDetails?.phone?.toLowerCase() || '';
+
+    // Skip if phone matches ClientDetails.phone
+    if (phone === clientPhone) return false;
+    return name.includes(searchLower) || phone.includes(searchLower);
+  });
+  const onPartyPress = async () => {
+    await getAllContacts();
+    await getAllClientTypes();
+    setChangeModal(true);
+  };
+  const onContinue = async (name, phoneNUmer) => {
+    // normalize phone
+    const normalizedPhone = phoneNUmer ? String(phoneNUmer).trim() : '';
+    let data = [...clients, ...suppliers];
+    console.log({
+      normalizedPhone
+    });
+    try {
+      let clientId;
+      let homeDetails = null;
+
+      // If phone exists → check if already in clients array
+      const isExist = normalizedPhone !== '' ? data?.find(item => {
+        const itemPhone = item?.phone ? String(item.phone).trim() : '';
+        return itemPhone === normalizedPhone && itemPhone !== '';
+      }) : undefined; // no phone → force new client
+
+      if (isExist) {
+        // Existing client found
+        clientId = isExist.id;
+        homeDetails = isExist;
+      } else {
+        console.log('else');
+        // No existing client or no phone given → always create new
+        const res = await addClient(name, normalizedPhone, 0, selectBusiness?.id);
+        setName('');
+        setPhoneNum('');
+        clientId = res?.insertId;
+      }
+      const resp = await getClientDetails(clientId);
+      dispatch({
+        type: CLIENT_DETAILS,
+        payload: resp
+      });
+      setSelectedParty(resp);
+      setChangeModal(false);
+
+      // navigation.replace('CustomerEntries', homeDetails ? { homeDetails } : {});
     } catch (err) {
-      console.log("Calculation Error:", err);
+      console.log('Error:', err);
     }
   };
+  useEffect(() => {
+    if (SelectedParty) {
+      setIsCash(false);
+    }
+  }, [SelectedParty]);
+  const memorySum = (Array.isArray(memory) ? memory : []).reduce((acc, val) => acc + val, 0);
   return /*#__PURE__*/_jsxs(View, {
     style: Styles._mainContainers,
     children: [/*#__PURE__*/_jsx(LinearGradient, {
@@ -230,43 +943,59 @@ export default function Entry({
         x: 1,
         y: 0
       },
-      colors: [mainColor == "green" ? "darkgreen" : "darkred", mainColor],
+      colors: [mainColor == "red" ? COLORS.redColor : COLORS.greenColor, mainColor == "red" ? COLORS.redColor : COLORS.greenColor],
       style: Styles._linearGradient,
       children: /*#__PURE__*/_jsxs(View, {
         style: Styles._titleMain,
         children: [/*#__PURE__*/_jsx(TouchableOpacity, {
           activeOpacity: 0.8,
+          style: {
+            padding: 5
+          },
           onPress: () => {
             navigation.goBack();
           },
           children: /*#__PURE__*/_jsx(Ionicons, {
-            name: "chevron-back",
+            name: 'chevron-back',
             color: COLORS.whiteColor,
-            size: 20
+            size: 60 / PixelRatio.get()
           })
         }), ClientDetails.type == 0 ? /*#__PURE__*/_jsxs(Text, {
+          numberOfLines: 1,
+          style: [Styles._title, {
+            width: '90%'
+          }],
+          children: ["You ", mainColor == 'green' ? 'Got' : 'Gave', " Rs", ' ', !isNaN(result) && isFinite(result) && result >= 0 ? addCommas(Number(result)) : 0, mainColor == 'green' ? ' from' : ' to', " ", ClientDetails?.name]
+        }) : ClientDetails?.type == 1 ? /*#__PURE__*/_jsxs(Text, {
+          numberOfLines: 1,
           style: Styles._title,
-          children: ["You ", mainColor == "green" ? "Got" : "Gave", " Rs ", input, " ", mainColor == "green" ? "from" : "to", " ", ClientDetails?.name]
+          children: [mainColor == 'green' ? 'Purchase' : 'Payment', " of Rs", ' ', !isNaN(result) && isFinite(result) && result >= 0 ? addCommas(Number(result)) : 0, ' ', mainColor == 'green' ? 'from' : ' to', " ", ClientDetails?.name]
         }) : /*#__PURE__*/_jsxs(Text, {
-          style: Styles._title,
-          children: [mainColor == "green" ? "Purchase" : "Payment", " of Rs ", input, " ", mainColor == "green" ? "from" : "to", " ", ClientDetails?.name]
+          numberOfLines: 1,
+          ellipsizeMode: "tail",
+          style: [Styles._title, {
+            width: '85%'
+          }] // fixed width + same styling
+          ,
+          children: [ClientDetails?.phone, " - ", mainColor == 'red' ? 'In' : 'Out']
         })]
       })
     }), /*#__PURE__*/_jsx(View, {
       style: Styles._contentMain,
-      children: /*#__PURE__*/_jsxs(View, {
+      children: /*#__PURE__*/_jsx(View, {
         style: {
-          width: "100%",
-          alignItems: "center",
+          width: '100%',
+          alignItems: 'center',
           gap: 12
         },
-        children: [/*#__PURE__*/_jsxs(ScrollView, {
-          contentContainerStyle: Styles._scrollMain,
-          style: {
-            height: Platform.OS == "ios" ? 200 : Dimensions.get("screen").height - HP(74)
-          },
-          children: [/*#__PURE__*/_jsxs(View, {
+        children: /*#__PURE__*/_jsxs(ScrollView, {
+          contentContainerStyle: Styles._scrollMain
+          // style={{ paddingBottom:1000 }}
+          ,
+          children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
             style: Styles._inputMain,
+            activeOpacity: 0.8,
+            onPress: () => Keyboard.dismiss(),
             children: [/*#__PURE__*/_jsx(Text, {
               style: {
                 color: COLORS.blackColor,
@@ -278,13 +1007,14 @@ export default function Entry({
             }), /*#__PURE__*/_jsx(TextInput, {
               placeholder: "",
               style: [Styles._input, {
-                color: mainColor
+                color: mainColor == "red" ? COLORS.redColor : COLORS.greenColor
               }],
               placeholderTextColor: COLORS.grey,
               cursorColor: COLORS.primaryColor,
               value: input,
               editable: false,
-              onFocus: () => Keyboard.dismiss()
+              onFocus: () => Keyboard.dismiss(),
+              maxLength: 9
             }), /*#__PURE__*/_jsx(TouchableOpacity, {
               onPress: handleBackspace,
               children: /*#__PURE__*/_jsx(Text, {
@@ -296,91 +1026,383 @@ export default function Entry({
                 children: "\u232B"
               })
             })]
-          }), memory !== null && /*#__PURE__*/_jsx(View, {
-            style: Styles._memoryDisplay,
-            children: /*#__PURE__*/_jsxs(Text, {
-              style: Styles._memoryText,
-              children: ["Memory: ", memory]
+          }), (result && result !== null && result != 0 && history && (() => {
+            const lastOpIndex = Math.max(history.lastIndexOf('+'), history.lastIndexOf('-'), history.lastIndexOf('*'), history.lastIndexOf('/'), history.lastIndexOf('x'), history.lastIndexOf('÷'), history.lastIndexOf('%'));
+            return lastOpIndex !== -1; // show if there's at least one operator
+          })() || memory && memory.length > 0) && /*#__PURE__*/_jsxs(View, {
+            style: [Styles._memoryDisplay, {
+              paddingRight: 15,
+              paddingLeft: 15,
+              minHeight: 60,
+              height: "auto"
+            }],
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: {
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+                width: "100%",
+                paddingVertical: 5,
+                borderColor: COLORS.darkGrey,
+                borderBottomWidth: 0.7
+              },
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: {
+                  color: COLORS.darkGrey,
+                  fontFamily: FONT_NORMAL,
+                  fontSize: 11,
+                  width: '60%'
+                },
+                children: history
+              }), /*#__PURE__*/_jsxs(Text, {
+                style: {
+                  color: COLORS.darkGrey,
+                  fontFamily: FONT_NORMAL,
+                  fontSize: 11
+                },
+                children: ["=", result]
+              })]
+            }), memory?.map((mem, index) => /*#__PURE__*/_jsxs(Text, {
+              style: {
+                color: COLORS.darkGrey,
+                fontFamily: FONT_NORMAL,
+                fontSize: 11,
+                width: '60%',
+                marginTop: 5
+              },
+              children: ["(M) = ", mem]
+            }, index))]
+          }), CalculatorErr && CalculatorErr !== null && /*#__PURE__*/_jsx(View, {
+            style: [Styles._memoryDisplay, {
+              borderColor: COLORS.redColor
+            }],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [Styles._memoryText, {
+                fontFamily: FONT_MEDIUM,
+                color: COLORS.redColor,
+                fontSize: 13
+              }],
+              children: CalculatorErr
             })
-          }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
             style: [Styles._inputMain, {
               paddingHorizontal: 12
             }],
             activeOpacity: 0.8,
+            onPress: () => {
+              !AudioFile && askAudioPermission();
+            },
+            children: AudioFile ? /*#__PURE__*/_jsxs(_Fragment, {
+              children: [PlayLoading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+                color: mainColor == 'red' ? COLORS.redColor : COLORS.greenColor,
+                size: 'small',
+                animating: true
+              }) : /*#__PURE__*/_jsx(TouchableOpacity, {
+                activeOpacity: 0.8,
+                onPress: () => {
+                  if (IsPlaying) {
+                    Sound.stopPlayer();
+                    Sound.removePlayBackListener();
+                    Sound.removePlaybackEndListener();
+                    setIsPlaying(false);
+                    animationRef.current?.pause();
+                  } else {
+                    onStartPlay(AudioFile);
+                  }
+                },
+                children: /*#__PURE__*/_jsx(Ionicons, {
+                  color: mainColor == 'red' ? COLORS.redColor : COLORS.greenColor,
+                  size: 22,
+                  name: IsPlaying ? 'pause' : 'play'
+                })
+              }), /*#__PURE__*/_jsx(LottieView, {
+                source: require('../assets/animations/voice_visualization.json'),
+                autoPlay: false,
+                loop: true,
+                style: {
+                  width: '80%',
+                  height: 42
+                },
+                ref: animationRef
+              }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                activeOpacity: 0.8,
+                onPress: async () => {
+                  try {
+                    await onPauseRecord();
+                    setAudioFile('');
+                    setIsPlaying(false);
+                  } catch (err) {
+                    console.error('Error stopping audio before clearing:', err);
+                  }
+                },
+                children: /*#__PURE__*/_jsx(Ionicons, {
+                  color: mainColor == 'red' ? COLORS.redColor : COLORS.greenColor,
+                  size: 22,
+                  name: 'close'
+                })
+              })]
+            }) : /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: {
+                  color: mainColor == 'red' ? COLORS.redColor : COLORS.greenColor,
+                  fontSize: 13,
+                  fontFamily: FONT_MEDIUM
+                },
+                children: "Attach Voice Note"
+              }), /*#__PURE__*/_jsx(Ionicons, {
+                name: 'mic-outline',
+                color: mainColor == 'red' ? COLORS.redColor : COLORS.greenColor,
+                size: 22
+              })]
+            })
+          }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+            activeOpacity: 0.8,
+            style: [Styles._inputMain, {
+              paddingHorizontal: 12
+            }]
+            // style={Styles._textInputParty}
+            ,
+            onPress: () => {
+              navigation.navigate('AddItems', {
+                selectedItems: SelectedItems,
+                totalAmount: totalAmount,
+                onSelect: (newSelectedItems, newTotalAmount) => {
+                  setSelectedItems(newSelectedItems);
+                  setTotalAmount(newTotalAmount);
+                  setAmount(String(newTotalAmount));
+                  setInput(String(newTotalAmount));
+                  setResult(String(newTotalAmount));
+                }
+              });
+            },
             children: [/*#__PURE__*/_jsx(Text, {
-              style: {
-                color: mainColor,
-                fontFamily: FONT_NORMAL,
-                fontSize: 12
-              },
-              children: "Attach Voice Note"
+              style: [Styles._inputText, {
+                color: mainColor == "red" ? COLORS.redColor : COLORS.greenColor,
+                fontFamily: FONT_MEDIUM
+              }],
+              children: "Add Items"
             }), /*#__PURE__*/_jsx(Ionicons, {
-              name: "mic-outline",
-              color: mainColor,
-              size: 22
+              name: 'chevron-forward',
+              color: mainColor == "red" ? COLORS.redColor : COLORS.greenColor,
+              size: 20
             })]
+          }), SelectedItems?.length > 0 && /*#__PURE__*/_jsxs(View, {
+            style: {
+              width: '100%'
+            },
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: Styles._itemHeaderMain,
+              children: [/*#__PURE__*/_jsx(View, {
+                style: {
+                  width: '30%'
+                },
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: {
+                    color: COLORS.gray,
+                    fontFamily: FONT_NORMAL,
+                    fontSize: 12
+                  },
+                  children: "ITEM"
+                })
+              }), /*#__PURE__*/_jsx(View, {
+                style: {
+                  width: '20%',
+                  alignItems: 'flex-end'
+                },
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: {
+                    color: COLORS.gray,
+                    fontFamily: FONT_NORMAL,
+                    fontSize: 12
+                  },
+                  children: "QTY"
+                })
+              }), /*#__PURE__*/_jsx(View, {
+                style: {
+                  width: '20%',
+                  alignItems: 'flex-end'
+                },
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: {
+                    color: COLORS.gray,
+                    fontFamily: FONT_NORMAL,
+                    fontSize: 12
+                  },
+                  children: "RATE"
+                })
+              }), /*#__PURE__*/_jsx(View, {
+                style: {
+                  width: '20%',
+                  alignItems: 'flex-end'
+                },
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: {
+                    color: COLORS.gray,
+                    fontFamily: FONT_NORMAL,
+                    fontSize: 12
+                  },
+                  children: "AMOUNT"
+                })
+              })]
+            }), SelectedItems?.map((i, index) => /*#__PURE__*/_jsxs(View, {
+              style: Styles._itemHeaderMain,
+              children: [/*#__PURE__*/_jsx(View, {
+                style: {
+                  width: '30%'
+                },
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: {
+                    color: COLORS.blackColor,
+                    fontFamily: FONT_NORMAL,
+                    fontSize: 12
+                  },
+                  children: i?.name
+                })
+              }), /*#__PURE__*/_jsx(View, {
+                style: {
+                  width: '20%',
+                  alignItems: 'flex-end'
+                },
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: {
+                    color: COLORS.blackColor,
+                    fontFamily: FONT_NORMAL,
+                    fontSize: 12
+                  },
+                  children: addCommas(Number(i?.addedQty))
+                })
+              }), /*#__PURE__*/_jsx(View, {
+                style: {
+                  width: '20%',
+                  alignItems: 'flex-end'
+                },
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: {
+                    color: COLORS.blackColor,
+                    fontFamily: FONT_NORMAL,
+                    fontSize: 12
+                  },
+                  children: addCommas(Number(i?.addedRate))
+                })
+              }), /*#__PURE__*/_jsx(View, {
+                style: {
+                  width: '20%',
+                  alignItems: 'flex-end'
+                },
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: {
+                    color: COLORS.blackColor,
+                    fontFamily: FONT_NORMAL,
+                    fontSize: 12
+                  },
+                  children: addCommas(Number(i?.addedQty) * Number(i?.addedRate))
+                })
+              })]
+            }, index))]
           }), input && /*#__PURE__*/_jsxs(View, {
             style: Styles._hidableMain,
             children: [/*#__PURE__*/_jsxs(View, {
               style: Styles._hidableRow,
-              children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
-                style: Styles._cellMain,
-                activeOpacity: 0.8,
-                onPress: showDate,
-                children: [/*#__PURE__*/_jsx(Ionicons, {
-                  name: "calendar-outline",
-                  color: mainColor,
-                  size: 22
-                }), /*#__PURE__*/_jsx(Text, {
-                  style: Styles._cellText,
-                  children: date.toDateString()
-                })]
-              }), /*#__PURE__*/_jsxs(TouchableOpacity, {
-                style: Styles._cellMain,
-                activeOpacity: 0.8,
-                onPress: showTime,
-                children: [/*#__PURE__*/_jsx(Ionicons, {
-                  name: "time-outline",
-                  color: mainColor,
-                  size: 22
-                }), /*#__PURE__*/_jsx(Text, {
-                  style: Styles._cellText,
-                  children: time.toLocaleTimeString()
-                })]
+              children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+                style: [Styles._cellMains, {
+                  width: '49%'
+                }]
+                // activeOpacity={0.8}
+                // onPress={showDate}
+                ,
+                children: /*#__PURE__*/_jsx(FloatingInput, {
+                  label: "Date",
+                  value: date.toDateString(),
+                  editable: false,
+                  placeholder: "Select City",
+                  iconName: "calendar-outline",
+                  iconPosition: "right",
+                  onPress: showDate // 👈 opens modal
+                  ,
+                  inputStyle: {
+                    fontSize: 11,
+                    fontFamily: FONT_MEDIUM
+                  } // 👈 customize font
+                  ,
+                  iconColor: mainColor == 'red' ? COLORS.redColor : COLORS.greenColor
+                })
+              }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                style: [Styles._cellMains, {
+                  width: '49%'
+                }],
+                activeOpacity: 0.8
+                // onPress={showTime}
+                ,
+                children: /*#__PURE__*/_jsx(FloatingInput, {
+                  label: "Time",
+                  value: time.toLocaleTimeString(),
+                  editable: false,
+                  placeholder: "Time",
+                  iconName: "time-outline",
+                  iconPosition: "right",
+                  onPress: showTime // 👈 opens modal
+                  ,
+                  inputStyle: {
+                    fontSize: 11,
+                    fontFamily: FONT_MEDIUM
+                  } // 👈 customize font
+                  ,
+                  iconColor: mainColor == 'red' ? COLORS.redColor : COLORS.greenColor
+                })
               })]
-            }), /*#__PURE__*/_jsx(TextInput, {
-              style: Styles._detailMain,
-              placeholder: "Enter Details",
-              placeholderTextColor: COLORS.grey,
-              multiline: true,
-              value: Notes,
-              onChangeText: text => setNotes(text)
+            }), /*#__PURE__*/_jsx(View, {
+              style: {
+                width: '90%'
+              },
+              children: /*#__PURE__*/_jsx(FloatingInput, {
+                label: "Enter Details",
+                iconName: "",
+                iconPosition: "right",
+                value: Notes,
+                onChangeText: text => setNotes(text)
+
+                // allowedChars={/[^A-Za-z0-9\s]/g}
+                // maxLength={15}
+              })
+            }), /*#__PURE__*/_jsx(View, {
+              style: {
+                width: '90%'
+              },
+              children: /*#__PURE__*/_jsx(FloatingInput, {
+                label: "Bill No",
+                iconName: "",
+                iconPosition: "right",
+                value: BillNo,
+                onChangeText: text => setBillNo(text)
+                // allowedChars={/[^A-Za-z0-9\s]/g}
+                // maxLength={15}
+              })
             }), /*#__PURE__*/_jsxs(View, {
               style: Styles._hidableRow,
               children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
                 style: Styles._cellMain,
                 activeOpacity: 0.8,
                 onPress: () => setIsModalVisible(true),
-                children: [/*#__PURE__*/_jsx(Ionicons, {
-                  name: "attach",
-                  color: mainColor,
-                  size: 23
-                }), /*#__PURE__*/_jsx(Text, {
+                children: [/*#__PURE__*/_jsx(Text, {
                   style: Styles._cellText,
                   children: "PDF/Photos"
+                }), /*#__PURE__*/_jsx(Ionicons, {
+                  name: 'attach',
+                  color: mainColor == "red" ? COLORS.redColor : COLORS.greenColor,
+                  size: 23
                 })]
               }), /*#__PURE__*/_jsx(View, {
                 style: {
-                  flexDirection: "row",
-                  flexWrap: "wrap",
-                  alignItems: "center"
+                  flexDirection: 'row',
+                  flexWrap: 'wrap',
+                  alignItems: 'center'
                 },
                 children: attachments.map((file, index) => /*#__PURE__*/_jsxs(View, {
                   style: {
                     marginLeft: 8,
-                    alignItems: "center"
+                    alignItems: 'center'
                   },
-                  children: [file.type === "image" ? /*#__PURE__*/_jsx(Image, {
+                  children: [file.type === 'image' ? /*#__PURE__*/_jsx(Image, {
                     source: {
                       uri: file.uri
                     },
@@ -391,69 +1413,182 @@ export default function Entry({
                     }
                   }) : /*#__PURE__*/_jsx(Ionicons, {
                     name: "document-text-outline",
-                    size: 30,
-                    color: mainColor
+                    size: 40,
+                    color: COLORS.primaryColor
                   }), /*#__PURE__*/_jsx(TouchableOpacity, {
                     onPress: () => removeAttachment(index),
                     style: {
-                      position: "absolute",
+                      position: 'absolute',
                       top: -5,
                       right: -5,
-                      backgroundColor: "white",
+                      backgroundColor: 'white',
                       borderRadius: 10,
                       padding: 2
                     },
                     children: /*#__PURE__*/_jsx(Ionicons, {
                       name: "close-circle",
                       size: 18,
-                      color: mainColor
+                      color: COLORS.redColor
                     })
                   })]
                 }, index))
               })]
+            }), /*#__PURE__*/_jsxs(View, {
+              style: Styles._hidableRow,
+              children: [/*#__PURE__*/_jsxs(View, {
+                style: [Styles._cellMain, {
+                  flexDirection: "row",
+                  backgroundColor: COLORS.whiteColor,
+                  paddingHorizontal: 0,
+                  overflow: "hidden"
+                }],
+                children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+                  activeOpacity: 0.8,
+                  onPress: () => setIsCash(true),
+                  style: {
+                    width: "50%",
+                    height: "100%",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    backgroundColor: IsCash ? COLORS.primaryBase : COLORS.whiteColor
+                  },
+                  children: [/*#__PURE__*/_jsx(Text, {
+                    style: {
+                      color: COLORS.blackColor,
+                      fontFamily: FONT_NORMAL,
+                      fontSize: 12
+                    },
+                    children: "Cash"
+                  }), /*#__PURE__*/_jsx(View, {
+                    style: {
+                      position: "absolute",
+                      right: 0,
+                      height: "60%",
+                      width: 1,
+                      backgroundColor: COLORS.darkGrey
+                    }
+                  })]
+                }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                  activeOpacity: 0.8,
+                  style: {
+                    width: "50%",
+                    height: "100%",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    backgroundColor: SelectedParty ? COLORS.primaryBase : COLORS.whiteColor
+                  },
+                  onPress: onPartyPress,
+                  children: /*#__PURE__*/_jsx(Text, {
+                    style: {
+                      color: COLORS.blackColor,
+                      fontFamily: FONT_NORMAL,
+                      fontSize: 12
+                    },
+                    children: "Party"
+                  })
+                })]
+              }), SelectedParty && /*#__PURE__*/_jsxs(View, {
+                style: [Styles._cellMain, {
+                  flexDirection: "row",
+                  backgroundColor: COLORS.whiteColor,
+                  overflow: "hidden",
+                  paddingHorizontal: 10
+                }],
+                children: [/*#__PURE__*/_jsx(Ionicons, {
+                  name: "person-circle-outline",
+                  color: COLORS.primaryColor,
+                  size: 25
+                }), /*#__PURE__*/_jsx(Text, {
+                  style: {
+                    color: COLORS.blackColor,
+                    fontFamily: FONT_NORMAL,
+                    fontSize: 12,
+                    textAlign: "center",
+                    maxWidth: "60%"
+                  },
+                  numberOfLines: 1,
+                  children: SelectedParty?.name
+                }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                  activeOpacity: 0.8,
+                  onPress: () => setSelectedParty(null),
+                  children: /*#__PURE__*/_jsx(Ionicons, {
+                    name: "close",
+                    color: COLORS.blackColor,
+                    size: 22
+                  })
+                })]
+              })]
             })]
           })]
-        }), /*#__PURE__*/_jsx(TouchableOpacity, {
-          activeOpacity: 0.8,
-          style: [Styles._continueBtn, {
-            backgroundColor: mainColor
-          }],
-          onPress: onSave,
-          children: /*#__PURE__*/_jsx(Text, {
-            style: Styles._continueBtnTxt,
-            children: "Save"
-          })
-        }), /*#__PURE__*/_jsx(View, {
-          style: Styles._calculatorMain,
-          children: buttons.map((row, rowIndex) => /*#__PURE__*/_jsx(View, {
-            style: Styles._calculatorRow,
-            children: row.map(key => /*#__PURE__*/_jsx(TouchableOpacity, {
-              activeOpacity: 0.8,
-              style: [Styles._key, key === '0' && {
-                flex: 2
-              }, ['AC', 'M+', 'M-', 'MR'].includes(key) && {
-                backgroundColor: '#ccc'
-              }, ['=', '↵'].includes(key) && {
-                backgroundColor: COLORS.primaryColor
-              }, ['÷', 'x', '-', '+', '%'].includes(key) && {
-                backgroundColor: "#ccc"
-              }],
-              onPress: () => handlePress(key),
-              children: /*#__PURE__*/_jsx(Text, {
-                style: Styles._keyText,
-                children: key
-              })
-            }, key))
-          }, rowIndex))
-        })]
+        })
       })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        width: '92%',
+        alignItems: 'center',
+        gap: 20,
+        position: 'absolute',
+        bottom: insets.bottom,
+        paddingBottom: 10,
+        backgroundColor: COLORS.whiteColor
+      },
+      children: [memory?.length > 0 ? /*#__PURE__*/_jsx(TouchableOpacity, {
+        activeOpacity: 0.8,
+        style: [Styles._continueBtn, {
+          backgroundColor: mainColor == "red" ? COLORS.redColor : COLORS.greenColor
+        }],
+        onPress: () => {
+          setInput(String(Math.abs(memorySum)));
+          setResult(String(Math.abs(memorySum)));
+          setHistory('');
+          setMemory([]);
+        },
+        children: /*#__PURE__*/_jsxs(Text, {
+          style: Styles._continueBtnTxt,
+          children: ["MR = ", memorySum]
+        })
+      }) : /*#__PURE__*/_jsx(TouchableOpacity, {
+        activeOpacity: 0.8,
+        style: [Styles._continueBtn, {
+          backgroundColor: mainColor == "red" ? COLORS.redColor : COLORS.greenColor
+        }],
+        onPress: item ? onUpdate : onSave,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: Styles._continueBtnTxt,
+          children: "Save"
+        })
+      }), !keyboardVisible && /*#__PURE__*/_jsx(View, {
+        style: Styles._calculatorMain,
+        children: buttons.map((row, rowIndex) => /*#__PURE__*/_jsx(View, {
+          style: Styles._calculatorRow,
+          children: row.map(key => /*#__PURE__*/_jsx(TouchableOpacity, {
+            activeOpacity: 0.8,
+            style: [Styles._key, key === '0' && {
+              flex: 2
+            }, ['AC', 'M+', 'M-', 'MR'].includes(key) && {
+              backgroundColor: '#ccc'
+            }, ['=', '⌫'].includes(key) && {
+              backgroundColor: COLORS.gray
+            }, ['÷', 'x', '-', '+', '%'].includes(key) && {
+              backgroundColor: '#ccc'
+            }],
+            onPress: () => {
+              handlePress(key);
+            },
+            children: /*#__PURE__*/_jsx(Text, {
+              style: Styles._keyText,
+              children: key
+            })
+          }, key))
+        }, rowIndex))
+      })]
     }), /*#__PURE__*/_jsx(Modal, {
       isVisible: isModalVisible,
       onBackdropPress: () => setIsModalVisible(false),
       onBackButtonPress: () => setIsModalVisible(false),
       children: /*#__PURE__*/_jsxs(View, {
         style: {
-          backgroundColor: "white",
+          backgroundColor: 'white',
           padding: 20,
           borderRadius: 12
         },
@@ -499,6 +1634,327 @@ export default function Entry({
           })]
         })]
       })
+    }), /*#__PURE__*/_jsx(Modal, {
+      isVisible: IsSoundModal
+      // onBackdropPress={() => setIsSoundModal(false)}
+      // onBackButtonPress={() => setIsSoundModal(false)}
+      ,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: Styles._voiceModalMain,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: {
+            color: COLORS.blackColor,
+            fontFamily: FONT_MEDIUM,
+            fontSize: 18
+          },
+          children: "DigiKhata"
+        }), /*#__PURE__*/_jsx(LottieView, {
+          style: {
+            width: 130,
+            height: 130
+          },
+          source: require('../assets/animations/recording.json'),
+          autoPlay: true,
+          loop: true
+        }), /*#__PURE__*/_jsx(Text, {
+          style: {
+            color: COLORS.blackColor,
+            fontFamily: FONT_NORMAL,
+            fontSize: 13,
+            opacity: 0.6
+          },
+          children: "Recording"
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            width: '50%',
+            justifyContent: 'space-between',
+            alignItems: 'center'
+          },
+          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+            style: Styles._voiceBtn,
+            activeOpacity: 0.8,
+            onPress: () => {
+              onStopRecord(true);
+            },
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: 'trash-outline',
+              color: COLORS.blackColor,
+              size: 22
+            })
+          }), /*#__PURE__*/_jsx(Text, {
+            children: RecordingTime
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: Styles._voiceBtn,
+            activeOpacity: 0.8,
+            onPress: () => {
+              onStopRecord(false);
+            },
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: 'stop',
+              color: COLORS.blackColor,
+              size: 22
+            })
+          })]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Modal, {
+      isVisible: SuccessModal,
+      coverScreen: true,
+      style: {
+        margin: 0,
+        padding: 0
+      },
+      animationInTiming: 100,
+      animationOutTiming: 100,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: {
+          width: WP(100),
+          height: HP(100),
+          backgroundColor: COLORS.whiteColor,
+          justifyContent: 'center',
+          alignItems: 'center'
+        },
+        children: [/*#__PURE__*/_jsx(LottieView, {
+          source: require('../assets/animations/success.json'),
+          style: {
+            width: 120,
+            height: 120
+          },
+          autoPlay: true,
+          loop: false
+        }), /*#__PURE__*/_jsx(Text, {
+          style: {
+            color: '#00C985',
+            fontFamily: FONT_MEDIUM,
+            fontSize: 15
+          },
+          children: "Transaction Saved"
+        })]
+      })
+    }), /*#__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 Names' : '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,
+                width: '100%',
+                justifyContent: 'center',
+                paddingVertical: 15
+              }],
+              children: /*#__PURE__*/_jsx(Text, {
+                style: {
+                  color: COLORS.whiteColor,
+                  fontFamily: FONT_NORMAL,
+                  fontSize: 12
+                },
+                children: "CONTINUE"
+              })
+            })]
+          })
+        }), !ShowNewBtn ? /*#__PURE__*/_jsx(ScrollView, {
+          contentContainerStyle: {
+            alignItems: 'center'
+          },
+          children: filteredClients?.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.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);
+                setSelectedParty(item);
+              }
+            }, 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);
+                  console.log("highlight");
+                } else {
+                  console.log(item?.displayName, formattedNumber);
+                  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
+                })
+              })]
+            });
+          }
+        })]
+      })
+    }), Platform.OS === 'ios' && showPicker && /*#__PURE__*/_jsx(DateTimePicker, {
+      value: date,
+      mode: "date",
+      is24Hour: false,
+      onChange: onChangeDate
+    }), Platform.OS === 'ios' && showTimePicker && /*#__PURE__*/_jsx(DateTimePicker, {
+      value: time,
+      mode: "time",
+      is24Hour: false,
+      onChange: onChangeTime
     })]
   });
 }
@@ -506,18 +1962,18 @@ const Styles = StyleSheet.create({
   _mainContainers: {
     flex: 1,
     backgroundColor: COLORS.backgroundColor,
-    alignItems: "center"
+    alignItems: 'center'
   },
   _linearGradient: {
     width: WP(100),
     height: 80,
-    alignItems: "center"
+    alignItems: 'center'
   },
   _titleMain: {
     width: WP(94),
     height: 30,
-    flexDirection: "row",
-    alignItems: "center",
+    flexDirection: 'row',
+    alignItems: 'center',
     marginTop: 10
   },
   _title: {
@@ -528,11 +1984,11 @@ const Styles = StyleSheet.create({
   },
   _contentMain: {
     width: WP(94),
-    height: "95%",
+    height: '95%',
     backgroundColor: COLORS.whiteColor,
-    position: "absolute",
+    position: 'absolute',
     top: 50,
-    shadowColor: "#000",
+    shadowColor: '#000',
     shadowOffset: {
       width: 0,
       height: 2
@@ -541,41 +1997,41 @@ const Styles = StyleSheet.create({
     shadowRadius: 3.84,
     elevation: 5,
     borderRadius: 10,
-    alignItems: "center",
-    justifyContent: "space-between",
+    alignItems: 'center',
+    justifyContent: 'space-between',
     paddingVertical: 12
   },
   _input: {
     flex: 1,
-    height: "100%",
+    height: '100%',
+    fontSize: Input_Field_SIZES.Input_Font_Size,
     fontFamily: FONT_MEDIUM,
-    fontSize: 15,
-    color: "red",
+    color: 'red',
     paddingLeft: 13
   },
   _inputMain: {
-    width: "95%",
-    height: 50,
-    flexDirection: "row",
+    width: '95%',
+    height: 60,
+    flexDirection: 'row',
     borderColor: COLORS.grey,
     borderWidth: 1,
-    borderRadius: 15,
-    justifyContent: "space-between",
-    alignItems: "center",
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    justifyContent: 'space-between',
+    alignItems: 'center',
     paddingHorizontal: 12,
     backgroundColor: COLORS.whiteColor
   },
   _memoryDisplay: {
     width: WP(85),
-    height: 50,
-    alignItems: "flex-start",
-    justifyContent: "center",
+    height: 60,
+    alignItems: 'flex-start',
+    justifyContent: 'center',
     paddingLeft: 12,
     // paddingVertical: 4,
     backfaceVisibility: COLORS.whiteColor,
     borderColor: COLORS.grey,
     borderWidth: 1,
-    borderRadius: 15
+    borderRadius: TEXT_SIZES.BORDER_RADIUS
   },
   _memoryText: {
     fontSize: 12,
@@ -583,20 +2039,20 @@ const Styles = StyleSheet.create({
     color: '#333'
   },
   _continueBtn: {
-    width: "95%",
+    width: '95%',
     height: 50,
-    backgroundColor: "red",
+    backgroundColor: COLORS.primaryColor,
     borderRadius: 100,
-    justifyContent: "center",
-    alignItems: "center"
+    justifyContent: 'center',
+    alignItems: 'center'
   },
   _continueBtnTxt: {
     color: COLORS.whiteColor,
-    fontFamily: FONT_NORMAL,
-    fontSize: 17
+    fontFamily: FONT_MEDIUM,
+    fontSize: TEXT_SIZES.BUTTON_TEXT
   },
   _calculatorMain: {
-    width: "95%"
+    width: '95%'
     // height: 350,
     // backgroundColor: "red"
   },
@@ -614,14 +2070,14 @@ const Styles = StyleSheet.create({
     justifyContent: 'center',
     borderRadius: 8,
     marginHorizontal: 10,
-    shadowColor: "#000",
+    shadowColor: '#000',
     shadowOffset: {
       width: 0,
       height: 2
     },
     shadowOpacity: 0.2,
     shadowRadius: 3.84,
-    elevation: 5
+    elevation: 2
   },
   _keyText: {
     fontSize: 15,
@@ -629,9 +2085,10 @@ const Styles = StyleSheet.create({
     fontFamily: FONT_MEDIUM
   },
   _scrollMain: {
-    width: "95%",
-    alignItems: "center",
-    gap: 12
+    width: '95%',
+    alignItems: 'center',
+    gap: 12,
+    paddingBottom: HP(70)
     // backgroundColor: "green",
     // maxHeight: Platform.OS == "ios" ? 200 : 250,
   },
@@ -639,51 +2096,52 @@ const Styles = StyleSheet.create({
     width: WP(94),
     height: 300,
     // backgroundColor: "green",
-    alignItems: "center",
+    alignItems: 'center',
     gap: 12
   },
   _hidableRow: {
-    width: "95%",
+    width: '95%',
     // height:30,
     // backgroundColor: "red",
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
     paddingHorizontal: 9
   },
   _cellMain: {
-    width: "48%",
-    height: 50,
+    width: '48%',
+    height: 60,
     // backgroundColor: "pink",
     borderColor: COLORS.grey,
     borderWidth: 1,
-    borderRadius: 15,
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
     paddingHorizontal: WP(4)
   },
   _cellText: {
     color: COLORS.blackColor,
-    fontFamily: FONT_NORMAL,
-    fontSize: 10
+    fontSize: 11,
+    fontFamily: FONT_MEDIUM
   },
   _detailMain: {
-    minHeight: 50,
-    width: "91%",
+    minHeight: 60,
+    maxHeight: 150,
+    width: '91%',
     borderColor: COLORS.grey,
     borderWidth: 1,
-    borderRadius: 15,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
     paddingHorizontal: 15,
     color: COLORS.blackColor,
     fontFamily: FONT_NORMAL,
     fontSize: 13
   },
   _modalBtn: {
-    flexDirection: "row",
-    alignItems: "center",
+    flexDirection: 'row',
+    alignItems: 'center',
     paddingVertical: 12,
-    borderBottomColor: "#eee",
+    borderBottomColor: '#eee',
     borderBottomWidth: 1
   },
   _modalText: {
@@ -691,6 +2149,111 @@ const Styles = StyleSheet.create({
     fontSize: 14,
     fontFamily: FONT_NORMAL,
     color: COLORS.blackColor
+  },
+  _voiceModalMain: {
+    width: WP(90),
+    height: HP(30),
+    backgroundColor: COLORS.whiteColor,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 15
+  },
+  _voiceBtn: {
+    width: 35,
+    height: 35,
+    borderColor: COLORS.blackColor,
+    borderWidth: 1,
+    borderRadius: 100,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  _billNoMain: {
+    width: '91%',
+    height: 60,
+    borderColor: COLORS.grey,
+    borderWidth: 1,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    paddingHorizontal: 15,
+    color: COLORS.blackColor,
+    fontFamily: FONT_NORMAL,
+    fontSize: 13
+  },
+  _itemHeaderMain: {
+    width: '91%',
+    height: 40,
+    borderTopColor: COLORS.gray,
+    borderBottomColor: COLORS.gray,
+    borderTopWidth: 0.5,
+    borderBottomWidth: 0.5,
+    // backgroundColor: "red",
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+    // paddingVertical:5
+  },
+  _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
   }
 });
 //# sourceMappingURL=Entry.js.map