digikhata-mashreq-sdk 1.0.0 → 1.1.0

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

@@ -0,0 +1,1883 @@
+"use strict";
+
+import React, { useEffect, useRef, useState } from 'react';
+import { View, Text, TextInput, TouchableOpacity, FlatList, StyleSheet, ScrollView, Animated, Dimensions, Modal, Platform, Keyboard, Image, PermissionsAndroid, Alert, ActivityIndicator } from 'react-native';
+// import { LinearGradient } from 'expo-linear-gradient';
+import LinearGradient from 'react-native-linear-gradient';
+import { Feather } from '@expo/vector-icons'; // or react-native-vector-icons/Feather
+
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import { COLORS, FONT_MEDIUM, FONT_NORMAL, formatDateTime, formatMyDate, formatPhoneNumber, fromJsDateToSql, getAvatar, HP, Input_Field_SIZES, isPdfFile, mergeDateTime, TEXT_SIZES, toISOStringUTC, WP } from "../themes/config.js";
+import DateTimePicker, { DateTimePickerAndroid } from '@react-native-community/datetimepicker';
+import PartyModal from "../components/PartyModal.js";
+import { BottomView, CountryPhoneInput, FloatingInput, Header, PickerModal, User } from "../components/index.js";
+import { useSelector } from 'react-redux';
+import { updateBusiness } from "../database/business.js";
+import { useDispatch } from 'react-redux';
+import { CLIENT_DETAILS, STATUS_BAR_COLOR } from "../redux/reducers/client/client_types.js";
+import { addItemDetails, addItemImages, deleteItemImagesByItemId, getItemDetailsByItemId, getItemsByBusiness, updateItemDetails, updateItemQty } from "../database/stock.js";
+import NewModal 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 { addClient, addTransaction, addTransactionImages, getClientDetails, getClientsByType } from "../database/clients.js";
+import Contacts from 'react-native-contacts';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const {
+  height
+} = Dimensions.get('window');
+const PREDEFINED_UNITS = ['Pieces (pcs)', 'Bags (bags)', 'Bundle (bdl)', 'Kilogram (kg)', 'Gram (gm)', 'Milligram (mg)', 'Litre (ltr)', 'Meter (m)', 'Tola (tola)', 'Foot (ft)', 'Box (box)', 'Packet (pkt)', 'Carton (ctn)', 'Dozen (dzn)', 'Rim (rim)', 'Bottles (btl)', 'Pound (lbs)', 'Roll (roll)', 'Gallon (gln)', 'Quarter (qtr)', 'Can (can)'];
+const OutSell = ({
+  navigation,
+  route
+}) => {
+  const animationRef = useRef(null);
+  const [search, setSearch] = useState('');
+  const selectBusiness = useSelector(state => state.client.selected_business);
+  const dispatch = useDispatch();
+  const clients = useSelector(state => state.client.home_customers);
+  const suppliers = useSelector(state => state.client.home_suppliers);
+  const itemId = route?.params?.itemId;
+  const type = route?.params?.type;
+  const itemDetailId = route?.params?.itemDetailId;
+  const [drawerVisible, setDrawerVisible] = useState(false);
+  const [units, setUnits] = useState(['Kg', 'Liter', 'Piece']);
+  const [newUnit, setNewUnit] = useState('');
+  const slideAnim = useRef(new Animated.Value(height)).current;
+  const [showAddUnit, setShowAddUnit] = useState(false);
+  const [partyModal, setPartyModal] = useState(false);
+  const [keyboardVisible, setKeyboardVisible] = useState(false);
+  const [customerList, setCustomerList] = useState([{
+    id: '1',
+    name: 'Ali Traders',
+    time: 'Today, 2:30 PM',
+    amount: '₨ 12,000'
+  }, {
+    id: '2',
+    name: 'Babar Store',
+    time: 'Yesterday, 6:00 PM',
+    amount: '₨ 8,450'
+  }, {
+    id: '3',
+    name: 'Saleem Sons',
+    time: '2 days ago',
+    amount: '₨ 3,200'
+  }]);
+  const [photo, setPhoto] = useState(null);
+  const [IsPicker, setIsPicker] = useState(false);
+  const [date, setDate] = useState(new Date());
+  const [showPicker, setShowPicker] = useState(false);
+  const [showTimePicker, setShowTimePicker] = useState(false);
+  const [time, setTime] = useState(new Date());
+  const [keyboardPadding, setKeyboardPadding] = useState(0);
+  const [ItemDetails, setItemDetails] = useState(null);
+  const [Entry, setEntry] = useState(null);
+  const [attachments, setAttachments] = useState([]);
+  const [isModalVisible, setIsModalVisible] = useState(false);
+  const [IsSoundModal, setIsSoundModal] = useState(false);
+  const [AudioFile, setAudioFile] = useState('');
+  const [PlayLoading, setPlayLoading] = useState(false);
+  const [RecordingTime, setRecordingTime] = useState('');
+  const [IsPlaying, setIsPlaying] = useState(false);
+  const [SuccessModal, setSuccessModal] = useState(false);
+  const [SelectedImage, setSelectedImage] = useState(null);
+  const [SelectedCategory, setSelectedCategory] = useState(null);
+  const [CategoryModal, setCategoryModal] = useState(false);
+  const [AddCategoryModal, setAddCategoryModal] = 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('');
+  const formattedDate = formatMyDate(fromJsDateToSql(date));
+  const formattedTime = time.toLocaleTimeString([], {
+    hour: '2-digit',
+    minute: '2-digit'
+  });
+  const [form, setForm] = useState({
+    name: '',
+    unit: '',
+    category: '',
+    details: '',
+    rateSale: '',
+    ratePurchase: '',
+    billNo: '',
+    qty: '',
+    amount: ''
+  });
+  useEffect(() => {
+    const unsubscribe = navigation.addListener('focus', async () => {
+      try {
+        await getItemDetails();
+      } catch (error) {
+        console.log('❌ Error fetching item details:', error);
+      }
+    });
+    return unsubscribe;
+  }, [navigation]);
+  const onChangeDate = (event, 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 = () => {
+    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 = () => {
+    if (Platform.OS === 'android') {
+      // Android dialog
+      DateTimePickerAndroid.open({
+        value: time,
+        onChange: onChangeTime,
+        mode: 'time',
+        is24Hour: false
+      });
+    } else {
+      // iOS: show inline picker
+      setShowTimePicker(true);
+    }
+  };
+  const togglePicker = () => {
+    setIsModalVisible(true);
+  };
+  const onPictureUpdate = async uri => {
+    // console.log({ "uri", uri });
+    console.log('url_uri', uri);
+    setPhoto(uri);
+    // handleUpdate(uri); // Pass directly
+  };
+  useEffect(() => {
+    const showSubscription = Keyboard.addListener('keyboardDidShow', () => {
+      console.log('Keyboard Shown');
+      setKeyboardPadding(260);
+      setKeyboardVisible(true);
+    });
+    const hideSubscription = Keyboard.addListener('keyboardDidHide', () => {
+      console.log('Keyboard Hidden');
+      setKeyboardPadding(0);
+      setKeyboardVisible(false);
+    });
+    dispatch({
+      type: STATUS_BAR_COLOR,
+      color: type == "OUT" ? COLORS.redColor : COLORS.greenColor
+    });
+    return () => {
+      showSubscription.remove();
+      hideSubscription.remove();
+    };
+  }, []);
+  const getItemDetails = async () => {
+    let all = await getItemsByBusiness(selectBusiness?.id);
+    let filtered = all.find(item => item?.id == itemId);
+    if (!itemDetailId) {
+      setForm({
+        ...form,
+        rateSale: String(type == 'IN' ? filtered?.costPrice : filtered?.sellingPrice)
+      });
+    }
+    setItemDetails(filtered);
+  };
+  const calculateAmount = (quantity, rate) => {
+    const qty = Number(quantity) || 0;
+    const price = Number(rate) || 0;
+    const amount = qty * price;
+    return parseFloat(amount.toFixed(2));
+  };
+  const handleGallery = async () => {
+    try {
+      const result = await launchImageLibrary({
+        mediaType: 'photo'
+      });
+      if (result.assets && result.assets.length > 0) {
+        addAttachment({
+          type: 'image',
+          uri: result.assets[0].uri,
+          name: result.assets[0].fileName || 'gallery_image.jpg'
+        });
+      }
+    } catch (err) {
+      console.log('Gallery Error:', err);
+    }
+    setIsModalVisible(false);
+  };
+  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'
+      });
+      if (granted === PermissionsAndroid.RESULTS.GRANTED) {
+        const result = await launchCamera({
+          mediaType: 'photo'
+        });
+        if (result.assets && result.assets.length > 0) {
+          addAttachment({
+            type: 'image',
+            uri: result.assets[0].uri,
+            name: result.assets[0].fileName || 'camera_image.jpg'
+          });
+        }
+      } else {
+        alert('Camera permission denied');
+      }
+    } catch (err) {
+      console.log('Camera Error:', err);
+    }
+    setIsModalVisible(false);
+  };
+  const handlePDF = async () => {
+    try {
+      const res = await pick({
+        type: ['application/pdf']
+      });
+      if (res && res.length > 0) {
+        addAttachment({
+          type: 'pdf',
+          uri: res[0].uri,
+          name: res[0].name || 'document.pdf'
+        });
+      }
+    } catch (err) {
+      if (err.message !== 'DOCUMENT_PICKER_CANCELED') {
+        console.log('PDF Error:', err);
+      }
+    }
+    setIsModalVisible(false);
+  };
+  const removeAttachment = index => {
+    setAttachments(attachments.filter((_, i) => i !== index));
+  };
+  const addAttachment = file => {
+    if (attachments.length >= 3) {
+      alert('You can only attach up to 3 files.');
+      return;
+    }
+    setAttachments([...attachments, file]);
+  };
+  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('Recording permission denied');
+          return;
+        }
+      } catch (err) {
+        console.warn(err);
+        return;
+      }
+    } 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();
+  };
+  const handleDeleteAudio = () => {
+    Alert.alert('Delete Recording', 'Do you want to delete?', [{
+      text: 'No',
+      style: 'cancel'
+    }, {
+      text: 'Yes',
+      onPress: async () => {
+        try {
+          await onPauseRecord();
+          setAudioFile('');
+          setIsPlaying(false);
+        } catch (err) {
+          console.error('Error stopping audio before clearing:', err);
+        }
+      },
+      style: 'destructive'
+    }], {
+      cancelable: true
+    });
+  };
+  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 calculateQuantityForUpdate = (existingQty, oldEntry, newQty) => {
+    const current = Number(existingQty) || 0;
+    const oldIn = Number(oldEntry?.stockIN) || 0;
+    const oldOut = Number(oldEntry?.stockOUT) || 0;
+    const input = Number(newQty) || 0;
+    let updatedQty = current;
+
+    // 1️⃣ Reverse the old entry first
+    if (oldIn > 0) {
+      updatedQty -= oldIn; // remove old added stock
+    } else if (oldOut > 0) {
+      updatedQty += oldOut; // restore old removed stock
+    }
+
+    // 2️⃣ Apply the new quantity
+    if (oldIn > 0) {
+      updatedQty += input; // add new stock
+    } else if (oldOut > 0) {
+      updatedQty -= input; // subtract new stock
+    }
+    return updatedQty;
+  };
+  const addEntry = async () => {
+    try {
+      const res = await addItemDetails(ItemDetails?.id, type === 'IN' ? form?.qty : '0', type === 'OUT' ? form?.qty : '0', form?.amount, form?.rateSale, form?.details + `_bill_${String(form?.billNo)}`, AudioFile, mergeDateTime({
+        date,
+        time
+      }), selectBusiness?.id, "", SelectedParty ? Number(SelectedParty?.id) : null);
+      console.log(res, 'Transaction Success');
+      const updatedQty = calculateQuantity(ItemDetails?.qty, form?.qty, type);
+      await updateItemQty(ItemDetails?.id, updatedQty);
+      const trxId = res?.insertId;
+
+      // ✅ Upload attachments if any
+      if (attachments?.length > 0) {
+        for (const file of attachments) {
+          try {
+            await addItemImages(trxId, file.uri);
+            console.log(`Attachment added: ${file.name}`);
+          } catch (err) {
+            console.log('Attachment insert error:', err);
+          }
+        }
+      }
+      SelectedParty && (await addPartyTransaction(form?.amount, trxId));
+
+      // ✅ Show success modal
+      setSuccessModal(true);
+
+      // ✅ Reset form
+      setForm({
+        name: '',
+        unit: '',
+        category: '',
+        details: '',
+        rateSale: '',
+        ratePurchase: '',
+        billNo: '',
+        qty: '',
+        amount: ''
+      });
+
+      // ✅ Close modal and navigate back after 2 seconds
+      setTimeout(() => {
+        setSuccessModal(false);
+        navigation.goBack();
+      }, 2000);
+    } catch (error) {
+      console.error('Error adding entry:', error);
+    }
+  };
+  const updateEntry = async () => {
+    try {
+      // ✅ Determine correct stock fields based on original Entry
+      const stockIN = Number(Entry?.stockIN) > 0 ? form?.qty : '0';
+      const stockOUT = Number(Entry?.stockOUT) > 0 ? form?.qty : '0';
+      const quantityType = Number(Entry?.stockOUT) > 0 ? 'IN' : 'OUT';
+
+      // ✅ Update the ItemDetails entry
+      const res = await updateItemDetails(Entry?.id,
+      // Existing record ID
+      ItemDetails?.id,
+      // Item ID
+      stockIN, stockOUT, form?.amount, form?.rateSale, form?.details + `_bill_${String(form?.billNo)}`, AudioFile, mergeDateTime({
+        date,
+        time
+      }), selectBusiness?.id);
+      console.log(res, '✅ Transaction Updated Successfully');
+
+      // ✅ Update item quantity based on difference between old and new stock
+      const updatedQty = calculateQuantityForUpdate(ItemDetails?.qty, Entry, form?.qty);
+      await updateItemQty(ItemDetails?.id, updatedQty);
+
+      // ✅ Update attachments
+      if (attachments?.length > 0) {
+        await deleteItemImagesByItemId(Entry?.id);
+        for (const file of attachments) {
+          await addItemImages(Entry?.id, file.uri);
+        }
+      }
+
+      // ✅ UI feedback
+      setSuccessModal(true);
+      setForm({
+        name: '',
+        unit: '',
+        category: '',
+        details: '',
+        rateSale: '',
+        ratePurchase: '',
+        billNo: '',
+        qty: '',
+        amount: ''
+      });
+      setTimeout(() => {
+        setSuccessModal(false);
+        navigation.goBack();
+      }, 2000);
+    } catch (error) {
+      console.error('❌ Error updating entry:', error);
+    }
+  };
+  useEffect(() => {
+    if (!itemDetailId) return;
+    getItemDetailsByItemId(itemId).then(res => {
+      let filtered = res?.find(i => i?.id == itemDetailId);
+      if (!filtered) return;
+      let details = filtered?.details?.split('_')[0];
+      let billNo = filtered?.details?.split('_')[2];
+      setEntry(filtered);
+      const arr = filtered?.attachments?.map((i, index) => ({
+        name: `pdf-test-${index + 1}.pdf`,
+        type: isPdfFile(i?.local_path) ? 'pdf' : 'image',
+        uri: i?.local_path,
+        attachment_id: i?.id
+      })) || [];
+      setForm({
+        ...form,
+        qty: Number(filtered?.stockIN) > 0 ? String(filtered?.stockIN) : String(filtered?.stockOUT),
+        rateSale: String(filtered?.subamount),
+        amount: String(filtered?.amount),
+        details,
+        billNo
+      });
+      setTime(new Date(toISOStringUTC(filtered?.entryDate)));
+      setDate(new Date(toISOStringUTC(filtered?.entryDate)));
+      setAudioFile(filtered?.local_path);
+      setAttachments(arr);
+    }).catch(error => {
+      console.log('Error fetching item details:', error);
+    });
+  }, [itemDetailId, itemId]);
+  const filteredContacts = contacts.filter(item => {
+    const name = item?.displayName?.toLowerCase() || '';
+    const rawNumber = item?.phoneNumbers[0]?.number || '';
+    const formattedNumber = formatPhoneNumber(rawNumber)?.toLowerCase() || '';
+
+    // 🔹 use your searchText state (from TextInput)
+    const searchLower = searchText.toLowerCase();
+
+    // (optional) client type
+    const clientType = clientPhoneMap.get(formattedNumber);
+    return name.includes(searchLower) || formattedNumber.includes(searchLower);
+  });
+  const filteredClients = Clients.filter(c => {
+    const name = c.name?.toLowerCase() || '';
+    const phone = c.phone?.toLowerCase() || '';
+    const searchLower = searchText.toLowerCase();
+    return name.includes(searchLower) || phone.includes(searchLower);
+  });
+  const 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;
+      }
+    }
+    setIsModalVisible(false);
+  };
+  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];
+    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('Error:', err);
+    }
+  };
+  const addPartyTransaction = async (finalValue, oldId) => {
+    let allItems = await getItemsByBusiness(selectBusiness?.id);
+    let filteredItem = allItems.find(i => i?.id == itemId);
+    let mutatedData = {
+      ...filteredItem,
+      addedQty: form?.qty,
+      addedRate: form?.rateSale
+    };
+    let final = [mutatedData];
+    try {
+      const res = await addTransaction(SelectedParty.id, type == "OUT" ? String(finalValue) : '0', type == "IN" ? String(finalValue) : '0', form?.details, fromJsDateToSql(date), AudioFile, `Stock_stockId${String(oldId)}`, JSON.stringify(final));
+      console.log(res, 'Transaction Success');
+      const trxId = res.insertId; // ✅ new transaction ID
+
+      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);
+          }
+        }
+      }
+    } catch (err) {
+      console.log(err, 'Transaction Error');
+    }
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flex: 1,
+      backgroundColor: '#F5F5F5'
+    },
+    children: [/*#__PURE__*/_jsx(LinearGradient, {
+      style: styles._headerMain,
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 1,
+        y: 0
+      },
+      colors: [type == "IN" ? COLORS.greenColor : COLORS.redColor, type == "IN" ? COLORS.greenColor : COLORS.redColor],
+      children: /*#__PURE__*/_jsx(Header, {
+        navigation: navigation,
+        title: `${ItemDetails?.name} - ${Entry ? Number(Entry?.stockIN) > 0 ? 'IN' : 'OUT' : type}`,
+        firstColor: type == "IN" ? COLORS.greenColor : COLORS.redColor,
+        secondColor: type == "IN" ? COLORS.greenColor : COLORS.redColor
+      })
+    }), /*#__PURE__*/_jsx(LinearGradient, {
+      style: [styles._headerMain, {
+        height: 30
+      }],
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 1,
+        y: 0
+      },
+      colors: [type == "IN" ? COLORS.greenColor : COLORS.redColor, type == "IN" ? COLORS.greenColor : COLORS.redColor]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.cardContainer,
+      children: /*#__PURE__*/_jsx(ScrollView, {
+        contentContainerStyle: {
+          // alignItems: 'center',
+          paddingBottom: keyboardVisible ? HP(70) : HP(0)
+          // width: '95%',
+        },
+        keyboardShouldPersistTaps: "handled",
+        showsVerticalScrollIndicator: false,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.form,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.inputContainerQty,
+            children: [/*#__PURE__*/_jsx(FloatingInput, {
+              label: "Qty"
+              // iconName="stats-chart-outline"
+              // iconPosition="right"
+              ,
+              value: form.qty,
+              onChangeText: text => {
+                let calculated_amount = calculateAmount(text, form.rateSale);
+                setForm({
+                  ...form,
+                  qty: text,
+                  amount: String(calculated_amount)
+                });
+              },
+              containerStyle: {
+                width: '32%'
+              },
+              iconColor: type == "IN" ? COLORS.greenColor : COLORS.redColor,
+              inputStyle: {
+                fontSize: 12
+              },
+              keyboardType: "numeric",
+              maxLength: 5
+            }), /*#__PURE__*/_jsx(FloatingInput, {
+              label: "Rate"
+              // iconName="speedometer-outline"
+              // iconPosition="right"
+              ,
+              value: form.rateSale,
+              onChangeText: text => {
+                let calculated_amount = calculateAmount(form?.qty, text);
+                setForm({
+                  ...form,
+                  rateSale: text,
+                  amount: String(calculated_amount)
+                });
+              },
+              containerStyle: {
+                width: '32%'
+              },
+              iconColor: type == "IN" ? COLORS.greenColor : COLORS.redColor,
+              inputStyle: {
+                fontSize: 12
+              },
+              keyboardType: "numeric",
+              maxLength: 7
+            }), /*#__PURE__*/_jsx(FloatingInput, {
+              label: "Amount"
+              // iconName="cash-outline"
+              ,
+              iconColor: type == "IN" ? COLORS.greenColor : COLORS.redColor
+              // iconPosition="right"
+              ,
+              value: form.amount,
+              onChangeText: text => setForm({
+                ...form,
+                amount: text
+              }),
+              containerStyle: {
+                width: '32%'
+              },
+              editable: false,
+              inputStyle: {
+                fontSize: 12
+              },
+              maxLength: 7
+            })]
+          }), /*#__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: type == "IN" ? COLORS.greenColor : COLORS.redColor,
+                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: type == "IN" ? COLORS.greenColor : COLORS.redColor,
+                  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: handleDeleteAudio,
+                children: /*#__PURE__*/_jsx(Ionicons, {
+                  color: type == "IN" ? COLORS.greenColor : COLORS.redColor,
+                  size: 22,
+                  name: 'close'
+                })
+              })]
+            }) : /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: {
+                  color: type == "IN" ? COLORS.greenColor : COLORS.redColor,
+                  fontSize: 13,
+                  fontFamily: FONT_MEDIUM
+                },
+                children: "Attach Voice Note"
+              }), /*#__PURE__*/_jsx(Ionicons, {
+                name: 'mic-outline',
+                color: type == "IN" ? COLORS.greenColor : COLORS.redColor,
+                size: 22
+              })]
+            })
+          }), /*#__PURE__*/_jsx(FloatingInput, {
+            label: "Enter details"
+            // iconName="list-outline"
+            ,
+            iconPosition: "right",
+            value: form.details,
+            onChangeText: text => setForm({
+              ...form,
+              details: text
+            }),
+            iconColor: type == "IN" ? COLORS.greenColor : COLORS.redColor
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.inputContainerQty,
+            children: [/*#__PURE__*/_jsx(FloatingInput, {
+              label: "Date",
+              iconName: "calendar-outline",
+              iconPosition: "left",
+              editable: false,
+              onPress: showDate,
+              value: formattedDate
+              // onChangeText={(text) => setForm({ ...form, amount: text })}
+              ,
+              containerStyle: {
+                width: '47.5%'
+              },
+              iconColor: type == "IN" ? COLORS.greenColor : COLORS.redColor,
+              inputStyle: {
+                fontSize: 13
+              }
+            }), /*#__PURE__*/_jsx(FloatingInput, {
+              label: "Time",
+              iconName: "time-outline",
+              iconPosition: "left",
+              onPress: showTime,
+              editable: false,
+              value: formattedTime
+              // onChangeText={(text) => setForm({ ...form, amount: text })}
+              ,
+              containerStyle: {
+                width: '47.5%'
+              },
+              inputStyle: {
+                fontSize: 13
+              },
+              iconColor: type == "IN" ? COLORS.greenColor : COLORS.redColor
+            })]
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.inputContainerQty,
+            children: [/*#__PURE__*/_jsx(FloatingInput, {
+              label: "PDF / Photo",
+              iconName: "attach-outline",
+              iconPosition: "left",
+              onPress: () => {
+                setIsModalVisible(true);
+              },
+              editable: false
+              // value={form.billNo}
+              // onChangeText={(text) => setForm({ ...form, billNo: text })}
+              // onChangeText={(text) => setForm({ ...form, amount: text })}
+              ,
+              containerStyle: {
+                width: '47.5%'
+              },
+              iconColor: type == "IN" ? COLORS.greenColor : COLORS.redColor
+            }), /*#__PURE__*/_jsx(FloatingInput, {
+              label: "Add Bill No."
+              // iconName="time-outline"
+              ,
+              iconPosition: "left",
+              value: form.billNo,
+              onChangeText: text => setForm({
+                ...form,
+                billNo: text
+              })
+              // onChangeText={(text) => setForm({ ...form, amount: text })}
+              ,
+              containerStyle: {
+                width: '47.5%'
+              },
+              iconColor: type == "IN" ? COLORS.greenColor : COLORS.redColor,
+              keyboardType: "numeric"
+            })]
+          }), /*#__PURE__*/_jsx(View, {
+            style: {
+              flexDirection: 'row'
+            },
+            children: attachments.map((file, index) => /*#__PURE__*/_jsxs(View, {
+              style: {
+                marginLeft: 8,
+                alignItems: 'center'
+              },
+              children: [file.type === 'image' ? /*#__PURE__*/_jsx(Image, {
+                source: {
+                  uri: file.uri
+                },
+                style: {
+                  width: 40,
+                  height: 40,
+                  borderRadius: 5
+                }
+              }) : /*#__PURE__*/_jsx(Ionicons, {
+                name: "document-text-outline",
+                size: 40
+                // color={mainColor}
+                ,
+                color: type == "IN" ? COLORS.greenColor : COLORS.redColor
+              }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                onPress: () => removeAttachment(index),
+                style: {
+                  position: 'absolute',
+                  top: -5,
+                  right: -5,
+                  backgroundColor: 'white',
+                  borderRadius: 10,
+                  padding: 2
+                },
+                children: /*#__PURE__*/_jsx(Ionicons, {
+                  name: "close-circle",
+                  size: 18
+                  // color={mainColor}
+                  ,
+                  color: COLORS.primaryColor
+                })
+              })]
+            }, index))
+          }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+            activeOpacity: 0.8,
+            style: styles._textInputParty,
+            onPress: async () => await onPartyPress(),
+            children: [SelectedParty ? /*#__PURE__*/_jsx(Text, {
+              style: [styles._inputText, {
+                color: type == "IN" ? COLORS.greenColor : COLORS.redColor,
+                fontFamily: FONT_MEDIUM,
+                fontSize: 13
+              }],
+              children: SelectedParty?.name
+            }) : /*#__PURE__*/_jsx(Text, {
+              style: [styles._inputText, {
+                color: type == "IN" ? COLORS.greenColor : COLORS.redColor,
+                fontFamily: FONT_MEDIUM,
+                fontSize: 13
+              }],
+              children: "Add Party"
+            }), SelectedParty ? /*#__PURE__*/_jsx(TouchableOpacity, {
+              activeOpacity: 0.8,
+              onPress: () => setSelectedParty(null),
+              children: /*#__PURE__*/_jsx(Ionicons, {
+                name: 'close-circle',
+                color: type == "IN" ? COLORS.greenColor : COLORS.redColor,
+                size: 25
+              })
+            }) : /*#__PURE__*/_jsx(Ionicons, {
+              name: 'chevron-forward',
+              color: type == "IN" ? COLORS.greenColor : COLORS.redColor,
+              size: 20
+            })]
+          })]
+        })
+      })
+    }), /*#__PURE__*/_jsx(BottomView, {
+      style: [styles.bottomBar, {
+        bottom: keyboardPadding
+      }],
+      children: /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: form.qty == '' || form.qty == 0 || form.rateSale == '' || form.rateSale == 0 || form.amount == '' || form.amount == 0 ? null : itemDetailId ? updateEntry : addEntry,
+        style: [styles.totalButton, {
+          opacity: form.qty == '' || form.qty == 0 || form.rateSale == '' || form.rateSale == 0 || form.amount == '' || form.amount == 0 ? 0.6 : 1,
+          backgroundColor: type == "IN" ? COLORS.greenColor : COLORS.redColor
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.totalText,
+          children: itemDetailId ? 'Update' : 'Save'
+        })
+      })
+    }), /*#__PURE__*/_jsx(NewModal, {
+      isVisible: isModalVisible,
+      onBackdropPress: () => setIsModalVisible(false),
+      onBackButtonPress: () => setIsModalVisible(false),
+      children: /*#__PURE__*/_jsxs(View, {
+        style: {
+          backgroundColor: 'white',
+          padding: 20,
+          borderRadius: 12
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: {
+            fontSize: 16,
+            fontFamily: FONT_MEDIUM,
+            marginBottom: 12
+          },
+          children: "Choose Option"
+        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+          style: styles._modalBtn,
+          onPress: handleGallery,
+          children: [/*#__PURE__*/_jsx(Ionicons, {
+            name: "image-outline",
+            size: 20,
+            color: "red"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles._modalText,
+            children: "Gallery"
+          })]
+        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+          style: styles._modalBtn,
+          onPress: handleCamera,
+          children: [/*#__PURE__*/_jsx(Ionicons, {
+            name: "camera-outline",
+            size: 20,
+            color: "red"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles._modalText,
+            children: "Camera"
+          })]
+        }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+          style: styles._modalBtn,
+          onPress: handlePDF,
+          children: [/*#__PURE__*/_jsx(Ionicons, {
+            name: "document-outline",
+            size: 20,
+            color: "red"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles._modalText,
+            children: "PDF"
+          })]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(NewModal, {
+      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(NewModal, {
+      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(NewModal, {
+      isVisible: ChangeModal,
+      onBackButtonPress: () => {
+        setShowNewBtn(false);
+        setChangeModal(false);
+      },
+      onBackdropPress: () => {
+        setShowNewBtn(false);
+        setChangeModal(false);
+      },
+      avoidKeyboard: false,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles._changeModalMain,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles._changeModalHeader,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles._changeModalHeaderTxt,
+            children: "Select Party"
+          })
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles._modalSearchMain,
+          children: /*#__PURE__*/_jsx(TextInput, {
+            style: styles._modalSearch,
+            cursorColor: COLORS.primaryColor,
+            placeholder: ShowNewBtn ? filteredContacts?.length && filteredContacts.length != 0 ? 'Search Contacts' : 'Type Customer Name' : 'Search Clients',
+            value: searchText,
+            maxLength: 25,
+            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: '100%'
+              },
+              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 () => {
+                onContinue(item?.displayName, item?.phoneNumbers[0]?.number);
+              },
+              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
+                })
+              })]
+            });
+          }
+        })]
+      })
+    })]
+  });
+};
+export default OutSell;
+const styles = StyleSheet.create({
+  _headerMain: {
+    width: WP(100),
+    height: 60,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+    gap: 15
+  },
+  _headerTitle: {
+    color: COLORS.whiteColor,
+    fontFamily: FONT_NORMAL,
+    fontSize: 18
+  },
+  _contentMain: {
+    width: WP(94),
+    // height: "90%",
+    backgroundColor: COLORS.whiteColor,
+    // position: "absolute",
+    // top: 55,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 3.84,
+    elevation: 5,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingVertical: 12,
+    overflow: 'hidden',
+    alignSelf: 'center'
+    // paddingTop: 30
+  },
+  headerContainer: {
+    paddingTop: 60,
+    paddingBottom: 20,
+    paddingHorizontal: 20,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  scrollContainer: {
+    paddingBottom: 200
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: '#FF5C00',
+    paddingVertical: 20,
+    paddingHorizontal: 20,
+    borderBottomLeftRadius: 20,
+    borderBottomRightRadius: 20
+  },
+  headerTitle: {
+    color: '#fff',
+    fontSize: 20,
+    fontFamily: FONT_NORMAL,
+    marginLeft: 10
+  },
+  form: {
+    backgroundColor: COLORS.whiteColor,
+    // margin: 15,
+    padding: 10,
+    width: '100%'
+  },
+  inputContainer: {
+    marginBottom: 15,
+    width: '100%'
+  },
+  inputContainerQty: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    width: '100%',
+    marginBottom: 15,
+    gap: 10
+  },
+  label: {
+    fontSize: 13,
+    color: '#000',
+    marginBottom: 8,
+    paddingLeft: 10
+  },
+  inputWithIcon: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    backgroundColor: '#fff',
+    height: 55,
+    paddingHorizontal: 12,
+    justifyContent: 'space-between'
+  },
+  inputWithIconFull: {
+    width: '100%',
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    backgroundColor: '#fff',
+    height: 55,
+    paddingHorizontal: 12,
+    justifyContent: 'space-between',
+    marginBottom: 15
+  },
+  inputTextOnly: {
+    flex: 1,
+    fontSize: 14,
+    color: '#000',
+    marginLeft: 10
+  },
+  inputTextOnlyFull: {
+    flex: 1,
+    fontSize: 14,
+    color: '#000',
+    marginLeft: 10
+  },
+  input: {
+    flex: 1,
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    height: 55,
+    paddingHorizontal: 12,
+    fontSize: 12,
+    color: '#000',
+    // marginLeft:10,
+    backgroundColor: '#fff',
+    fontFamily: FONT_NORMAL
+  },
+  fullInput: {
+    width: '100%',
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    height: 55,
+    paddingHorizontal: 12,
+    fontSize: 14,
+    color: '#000',
+    backgroundColor: '#fff',
+    marginBottom: 15
+  },
+  inputDate: {
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    height: 60,
+    width: '48%',
+    padding: 12,
+    fontSize: 14,
+    color: '#000',
+    backgroundColor: '#fff'
+  },
+  inputAmount: {
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    height: 60,
+    width: '100%',
+    justifyContent: 'center',
+    alignSelf: 'center',
+    padding: 12,
+    fontSize: 14,
+    color: '#000',
+    backgroundColor: '#fff'
+  },
+  inputUnitName: {
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: 10,
+    height: 60,
+    padding: 12,
+    fontSize: 14,
+    color: '#000',
+    backgroundColor: '#fff',
+    marginBottom: 20
+  },
+  dropdown: {
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: 10,
+    height: 60,
+    padding: 12,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  placeholder: {
+    color: '#B5B5B5',
+    fontSize: 14
+  },
+  barcodeContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: 10,
+    paddingHorizontal: 10,
+    height: 60
+  },
+  footer: {
+    position: 'absolute',
+    bottom: 80,
+    left: 0,
+    right: 0,
+    backgroundColor: COLORS.whiteColor,
+    paddingVertical: 10,
+    paddingHorizontal: 15
+  },
+  nextButton: {
+    backgroundColor: COLORS.primaryColor,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    alignItems: 'center',
+    paddingVertical: 15
+  },
+  nextButtonText: {
+    color: '#fff',
+    fontSize: 16,
+    fontFamily: FONT_NORMAL
+  },
+  cardContainer: {
+    backgroundColor: COLORS.whiteColor,
+    marginHorizontal: 15,
+    width: '95%',
+    alignSelf: 'center',
+    // height: 60,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    marginTop: -35,
+    // paddingVertical: 10,
+    elevation: 5
+    // alignItems: 'flex-start',
+    // paddingLeft: 10,
+    // justifyContent: 'center',
+  },
+  bottomBar: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    backgroundColor: '#fff',
+    borderTopLeftRadius: TEXT_SIZES.BORDER_RADIUS,
+    borderTopRightRadius: TEXT_SIZES.BORDER_RADIUS,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 10,
+    elevation: 10
+  },
+  totalButton: {
+    // borderWidth: 1,
+    marginBottom: 10,
+    // borderColor: COLORS.primaryColor,s
+    backgroundColor: COLORS.primaryColor,
+    borderRadius: 100,
+    width: '100%',
+    height: 50,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  totalText: {
+    color: COLORS.whiteColor,
+    fontFamily: FONT_NORMAL,
+    fontSize: 13
+  },
+  _inputMain: {
+    width: '100%',
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    height: 60,
+    paddingHorizontal: 12,
+    fontSize: 14,
+    color: '#000',
+    backgroundColor: '#fff',
+    marginBottom: 15,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  // dropdown: {
+  //   borderWidth: 1,
+  //   borderColor: '#E0E0E0',
+  //   borderRadius: 10,
+  //   padding: 12,
+  //   flexDirection: 'row',
+  //   justifyContent: 'space-between',
+  //   alignItems: 'center',
+  // },
+  valueText: {
+    fontSize: 15,
+    color: '#000'
+  },
+  modalBackdrop: {
+    flex: 1,
+    backgroundColor: 'rgba(0,0,0,0.3)',
+    justifyContent: 'flex-end'
+  },
+  overlay: {
+    ...StyleSheet.absoluteFillObject
+  },
+  bottomDrawer: {
+    backgroundColor: '#fff',
+    padding: 20,
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    minHeight: height * 0.45
+  },
+  drawerHeader: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 10
+  },
+  drawerTitle: {
+    fontSize: 18,
+    fontFamily: FONT_NORMAL,
+    marginBottom: 20
+  },
+  addNewButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: COLORS.primaryColor,
+    paddingHorizontal: 14,
+    paddingVertical: 8,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS
+  },
+  addNewText: {
+    color: COLORS.whiteColor,
+    fontSize: 12,
+    marginLeft: 6,
+    fontFamily: FONT_NORMAL
+  },
+  unitGrid: {
+    paddingVertical: 10
+  },
+  unitButton: {
+    backgroundColor: '#F3F3F3',
+    borderRadius: 25,
+    borderColor: COLORS.borderColor,
+    borderWidth: 1,
+    paddingVertical: 10,
+    paddingHorizontal: 15,
+    height: 60,
+    marginBottom: 10,
+    flex: 1,
+    alignItems: 'center',
+    marginHorizontal: 4,
+    justifyContent: 'center'
+  },
+  unitText: {
+    color: '#000',
+    fontSize: 13
+  },
+  nextText: {
+    color: '#fff',
+    fontSize: 16,
+    fontFamily: FONT_NORMAL
+  },
+  _detailMain: {
+    minHeight: 55,
+    maxHeight: 150,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    color: COLORS.blackColor,
+    fontFamily: FONT_MEDIUM,
+    alignSelf: 'center',
+    width: '100%',
+    borderWidth: 1,
+    borderColor: '#ddd',
+    paddingHorizontal: 12,
+    fontSize: 14,
+    color: '#000',
+    backgroundColor: '#fff',
+    marginBottom: 15
+  },
+  _modalBtn: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 12,
+    borderBottomColor: '#eee',
+    borderBottomWidth: 1
+  },
+  _modalText: {
+    marginLeft: 10,
+    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'
+  },
+  _textInputParty: {
+    width: '100%',
+    height: 60,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    borderColor: COLORS.gray,
+    borderWidth: 1,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingHorizontal: 12,
+    gap: 15
+  },
+  _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: 50,
+    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=OutSell.js.map