@jescon-technologies/react-native-ui-kit 0.0.3 → 0.0.5

package/src/Components/RateProductCard.js

@@ -0,0 +1,1452 @@
+import { View, Text, TouchableOpacity, Dimensions, Platform } from 'react-native';
+import React, { useContext, useEffect, useMemo, useState, useCallback } from 'react';
+import { normalize } from '../CommonStyle/componentStyle';
+import { Icons } from '@jescon-technologies/react-native-ui-kit';;
+import { useNavigation } from '../Navigation/useNavigation';
+
+import SOverlay from '../StaticComponents/SOverlay';
+import { ScrollView, TouchableWithoutFeedback } from 'react-native';
+import CTextHeader from '../Custom/TableComponent/CTextHeader';
+import ContextBio from '../ContextAPI/ContextBio';
+import SCheckBox from '../StaticComponents/SCheckBox';
+import { Global } from '../../../../../src/Common/Global';
+import STextInputNew from './STextInputNew';
+import { SwipeRow } from 'react-native-swipe-list-view';
+import { CButtonShadow, isNUQ, notifyMessage } from '../CommonStyle/ComponentFunctions';
+import HOCIcons from '../HOC/HOCIcons';
+import { APIURL } from '../../../../../src/Common/apiConstants';
+
+const RateProductCard = ({
+  sectionIndex,
+  productIndex,
+  setData,
+  ratedata,
+  supplierName,
+  invoiceNumber,
+  setRefreshView,
+  props,
+  selectall,
+  setSelectAll,
+  setIsLoading,
+}) => {
+  const {
+    responseJSON,
+    setResponseJSON,
+    verifyData,
+    invoiceData,
+    setInvoiceData,
+  } = useContext(ContextBio);
+
+  const [verify, setVerify] = useState(0);
+  const navigation = useNavigation();
+  const [FilesData, setFilesData] = useState({
+    savedaudio: [],
+    saveddoc: [],
+    savedimages: [],
+    savedvideo: [],
+  });
+
+  // Get the current item directly from invoiceData - this ensures real-time updates
+  const item = invoiceData?.data?.[sectionIndex]?.productdetail?.[productIndex];
+
+  if (!item) {
+    return null;
+  }
+
+  function groupExpand(item) {
+    handleProductInputChange(
+      sectionIndex,
+      productIndex,
+      !item.groupexpand,
+      'groupexpand'
+    );
+    setVerify(verify + 1);
+  }
+
+  const totalQuantity = useMemo(() => {
+    return item?.batchdetail?.reduce(
+      (sum, batch) => sum + (Number(batch.packingno) || 0),
+      0,
+    );
+  }, [item?.batchdetail]);
+
+  const totalProductAmount = useMemo(() => {
+    if (!item?.batchdetail) {
+      return 0;
+    }
+
+    return item.batchdetail.reduce((sum, batch) => {
+      const batchActual = parseFloat(ActualAmount(batch));
+      return sum + (isNaN(batchActual) ? 0 : batchActual);
+    }, 0);
+  }, [item?.batchdetail]);
+
+  useEffect(() => {
+    if (selectall != undefined && selectall != null) {
+      handleSelectAllProducts(selectall);
+    }
+  }, [selectall]);
+
+  function navigationTo(
+    params,
+    flag,
+    batchname,
+    batchcode,
+    ratedata,
+    item,
+    batchIndex,
+  ) {
+    let freeproductdetails = {
+      componentname: 'CFreeChargeandDiscount',
+      product: params,
+      batchname: batchname,
+      flag: flag,
+      batchcode: batchcode,
+      productdetails: item,
+      ratedata: ratedata,
+      productIndex: productIndex,
+      batchIndex: batchIndex,
+    };
+    setResponseJSON({
+      ...responseJSON,
+      freeproductdetails: freeproductdetails,
+    });
+    navigation.navigate('BiodataEdit', {
+      data: freeproductdetails,
+    });
+  }
+
+  function navigationToCharge(
+    data,
+    flag,
+    product,
+    array,
+    productcode,
+    screen,
+    supplier,
+    invoicenumber,
+    ratedata,
+    item,
+    batchIndex,
+  ) {
+    const suoptiondetail = props.suoptiondetail;
+
+    let chargeanddiscount = {
+      componentname: 'CChargeAndDiscountTable',
+      data: data,
+      flag: flag,
+      product: product,
+      array: array,
+      suoptiondetail: suoptiondetail,
+      screen: screen,
+      productcode: productcode,
+      suppliername: supplier,
+      invoicenumber: invoicenumber,
+      productdetail: item,
+      ratedata: ratedata,
+      productIndex: productIndex,
+      batchIndex: batchIndex,
+    };
+    setResponseJSON({
+      ...responseJSON,
+      chargeanddiscount: chargeanddiscount,
+    });
+    navigation.navigate('BiodataEdit', {
+      data: chargeanddiscount,
+    });
+  }
+
+  function InvoiceAmount(params) {
+    function isValidNumber(value) {
+      return (
+        value !== null && value !== undefined && value !== '' && !isNaN(value)
+      );
+    }
+
+    if (!params || !Array.isArray(params.productdetail)) {
+      return '0.00';
+    }
+
+    const sumOfArray = params?.productdetail?.map(product => {
+      return product.actualamount !== undefined &&
+        product.actualamount !== null &&
+        product.actualamount !== '' &&
+        !isNaN(product.actualamount)
+        ? parseFloat(product.actualamount)
+        : 0;
+    });
+
+    params.actualamount = sumOfArray
+      .reduce((partialSum, amount) => partialSum + amount, 0)
+      .toFixed(2);
+
+    const actualAmount =
+      params.actualamount !== undefined &&
+        params.actualamount !== null &&
+        params.actualamount !== '' &&
+        !isNaN(params.actualamount)
+        ? parseFloat(params.actualamount)
+        : 0;
+
+    const invoiceCharge =
+      params.invoicecharge !== undefined &&
+        params.invoicecharge !== null &&
+        params.invoicecharge !== '' &&
+        !isNaN(params.invoicecharge)
+        ? parseFloat(params.invoicecharge)
+        : 0;
+
+    const invoiceDiscount =
+      params.invoicediscount !== undefined &&
+        params.invoicediscount !== null &&
+        params.invoicediscount !== '' &&
+        !isNaN(params.invoicediscount)
+        ? parseFloat(params.invoicediscount)
+        : 0;
+
+    const freeCharge = params?.invoicefree?.reduce(
+      (sum, charge) => sum + charge.productcharge,
+      0,
+    );
+    const freeProductCharge = isValidNumber(freeCharge)
+      ? parseFloat(freeCharge)
+      : 0;
+
+    params.invoiceamount = (
+      actualAmount +
+      invoiceCharge -
+      invoiceDiscount
+    ).toFixed(2);
+
+    return params.invoiceamount;
+  }
+
+  function getLength(params) {
+    let arraylength =
+      params != undefined && params != null && params != '' ? params.length : 0;
+    return arraylength;
+  }
+
+  // PURE calculation functions - no state updates
+  function TotalChargeSum(params) {
+    if (!Array.isArray(params)) {
+      return '0.00';
+    }
+
+    const sumofarray = params?.map(charge => {
+      return charge.productcharge != undefined &&
+        charge.productcharge != null &&
+        charge.productcharge != '' &&
+        !isNaN(charge.productcharge)
+        ? parseFloat(charge.productcharge) * (parseFloat(charge.packingno) || 1)
+        : 0;
+    });
+
+    const totalCharge = sumofarray.reduce((partialSum, a) => partialSum + a, 0);
+
+    return totalCharge.toFixed(2);
+  }
+
+  // PURE calculation functions - no state updates
+  function TotalDiscountSum(params) {
+    if (!Array.isArray(params)) {
+      return '0.00';
+    }
+
+    const sumofarray = params?.map(charge => {
+      return charge.productdiscount != undefined &&
+        charge.productdiscount != null &&
+        charge.productdiscount != '' &&
+        !isNaN(charge.productdiscount)
+        ? parseFloat(charge.productdiscount) * parseFloat(charge.packingno)
+        : 0;
+    });
+
+    const totalDiscount = sumofarray.reduce(
+      (partialSum, a) => partialSum + a,
+      0,
+    );
+
+    return totalDiscount.toFixed(2);
+  }
+
+  function handleSelectAllProducts(val) {
+    const updatedData = JSON.parse(JSON.stringify(invoiceData.data));
+
+    updatedData.forEach(section => {
+      section.productdetail = section.productdetail.map(product => {
+        product.productverify = val;
+
+        if (Array.isArray(product.batchdetail)) {
+          product.batchdetail = product.batchdetail.map(batch => ({
+            ...batch,
+            batchverify: val,
+          }));
+        }
+
+        return product;
+      });
+    });
+
+    setInvoiceData(prevState => ({
+      ...prevState,
+      data: updatedData,
+      EditStatus: true,
+    }));
+  }
+
+  function handleProductInputChange(sectionIndex, productIndex, val, field) {
+    const updatedData = JSON.parse(JSON.stringify(invoiceData.data));
+
+    let product = updatedData[sectionIndex].productdetail[productIndex];
+
+    product[field] = val;
+
+    if (field === 'productverify' && Array.isArray(product.batchdetail)) {
+      product.batchdetail = product.batchdetail.map(batch => ({
+        ...batch,
+        batchverify: val,
+      }));
+    }
+
+    if (
+      field === 'productqualityverify' &&
+      Array.isArray(product.batchdetail)
+    ) {
+      product.batchdetail = product.batchdetail.map(batch => ({
+        ...batch,
+        batchqualityverify: val,
+      }));
+    }
+
+    updatedData[sectionIndex].productdetail[productIndex] = product;
+
+    setInvoiceData(prevState => ({
+      ...prevState,
+      data: updatedData,
+      EditStatus: true,
+    }));
+  }
+
+  const handleBatchDetailInputChange = useCallback(
+    (sectionIndex, productIndex, batchIndex, val, field) => {
+      setInvoiceData(prevState => {
+        const data = prevState?.data ?? [];
+        if (!Array.isArray(data[sectionIndex]?.productdetail)) {
+          return prevState;
+        }
+
+        const section = { ...data[sectionIndex] };
+        const product = { ...section.productdetail[productIndex] };
+        const batchdetail = [...(product.batchdetail || [])];
+        const batch = { ...batchdetail[batchIndex], [field]: val };
+
+        const rate = Number(batch.rate) || 0;
+        const discount = Number(batch.productdiscount) || 0;
+        const charge = Number(batch.productcharge) || 0;
+        const packing = Number(batch.packingno) || 0;
+        batch.actualamount = Number((rate - discount + charge) * packing).toFixed(2);
+
+        batchdetail[batchIndex] = batch;
+        product.batchdetail = batchdetail;
+
+        product.totalamount = Number(
+          batchdetail.reduce(
+            (sum, b) => sum + (Number(b.actualamount) || 0),
+            0,
+          ),
+        ).toFixed(2);
+
+        const updatedProducts = [...section.productdetail];
+        updatedProducts[productIndex] = product;
+        section.productdetail = updatedProducts;
+
+        const updatedData = [...data];
+        updatedData[sectionIndex] = section;
+
+        return {
+          ...prevState,
+          data: updatedData,
+          EditStatus: true,
+        };
+      });
+    },
+    [setInvoiceData],
+  );
+
+  function handleBatchTotalChange(
+    sectionIndex,
+    productIndex,
+    batchIndex,
+    totaldiscount,
+    totalcharge,
+  ) {
+    console.log(
+      'handleBatchDetailInputChange called with values:',
+      JSON.stringify(totalcharge),
+    );
+    setInvoiceData(prevState => {
+      const updatedData = [...prevState.data];
+
+      const updatedSection = {
+        ...updatedData[sectionIndex],
+        productdetail: [...updatedData[sectionIndex].productdetail],
+      };
+
+      const updatedProductDetail = {
+        ...updatedSection.productdetail[productIndex],
+        batchdetail: [
+          ...updatedSection.productdetail[productIndex].batchdetail,
+        ],
+      };
+
+      const updatedBatchDetail = {
+        ...updatedProductDetail.batchdetail[batchIndex],
+        batchinvoicediscount: totaldiscount,
+        batchinvoicecharge: totalcharge,
+      };
+
+      updatedProductDetail.batchdetail[batchIndex] = updatedBatchDetail;
+
+      updatedSection.productdetail[productIndex] = updatedProductDetail;
+
+      updatedData[sectionIndex] = updatedSection;
+
+      return {
+        ...prevState,
+        data: updatedData,
+        EditStatus: true,
+      };
+    });
+  }
+
+  // PURE calculation - no state updates
+  const calculateTotalAmount = useCallback((batchdetail) => {
+    if (!batchdetail || !Array.isArray(batchdetail)) {
+      return '0.00';
+    }
+
+    const totalAmountSum = batchdetail
+      .reduce((sum, charge) => {
+        const packingno = parseFloat(charge.packingno) || 0;
+        const rate = parseFloat(charge.rate) || 0;
+        return sum + (packingno * rate);
+      }, 0)
+      .toFixed(2);
+
+    return isNaN(totalAmountSum) ? '0.00' : totalAmountSum;
+  }, []);
+
+  // Update data when batch details change - moved to useEffect
+  useEffect(() => {
+    if (!item?.batchdetail) {return;}
+
+    let needsUpdate = false;
+    const updatedBatchDetail = item.batchdetail.map(charge => {
+      const packingno = parseFloat(charge.packingno) || 0;
+      const rate = parseFloat(charge.rate) || 0;
+      const calculatedTotalAmount = (packingno * rate).toFixed(2);
+
+      if (charge.totalamount !== calculatedTotalAmount) {
+        needsUpdate = true;
+      }
+
+      return {
+        ...charge,
+        totalamount: calculatedTotalAmount,
+      };
+    });
+
+    if (needsUpdate) {
+      const totalAmountSum = updatedBatchDetail
+        .reduce((sum, charge) => sum + parseFloat(charge.totalamount), 0)
+        .toFixed(2);
+
+      setInvoiceData(prevState => {
+        const updatedData = JSON.parse(JSON.stringify(prevState.data));
+        updatedData[sectionIndex].productdetail[productIndex].batchdetail = updatedBatchDetail;
+        updatedData[sectionIndex].productdetail[productIndex].totalamount = totalAmountSum;
+
+        return {
+          ...prevState,
+          data: updatedData,
+        };
+      });
+    }
+  }, [item?.batchdetail?.length, sectionIndex, productIndex, setInvoiceData]);
+
+  function ActualAmount(batchDetail) {
+    if (!batchDetail) {
+      return '0.00';
+    }
+
+    const rate = Number(batchDetail.rate) || 0;
+    const discount = Number(batchDetail.productdiscount) || 0;
+    const charge = Number(batchDetail.productcharge) || 0;
+    const packing = Number(batchDetail.packingno) || 0;
+
+    const calculatedActualAmount = (rate - discount + charge) * packing;
+    return Number.isFinite(calculatedActualAmount)
+      ? calculatedActualAmount.toFixed(2)
+      : '0.00';
+  }
+  // PURE calculation - no state updates
+  const calculateTotalActualAmount = useCallback((batchdetail) => {
+    if (!batchdetail || !Array.isArray(batchdetail)) {
+      return '0.00';
+    }
+
+    const totalActualAmountSum = batchdetail
+      .reduce((sum, batch) => {
+        const rate = Number(batch.rate) || 0;
+        const discount = Number(batch.productdiscount) || 0;
+        const charge = Number(batch.productcharge) || 0;
+        const packing = Number(batch.packingno) || 0;
+        return sum + ((rate - discount + charge) * packing);
+      }, 0)
+      .toFixed(2);
+
+    return isNaN(totalActualAmountSum) ? '0.00' : totalActualAmountSum;
+  }, []);
+
+  // Update data when batch details change for actual amounts - moved to useEffect
+  useEffect(() => {
+    if (!item?.batchdetail) {return;}
+
+    let needsUpdate = false;
+    const updatedBatchDetail = item.batchdetail.map(batch => {
+      const rate = Number(batch.rate) || 0;
+      const discount = Number(batch.productdiscount) || 0;
+      const charge = Number(batch.productcharge) || 0;
+      const packing = Number(batch.packingno) || 0;
+      const calculatedActualAmount = ((rate - discount + charge) * packing).toFixed(2);
+
+      if (batch.totalactualamount !== calculatedActualAmount) {
+        needsUpdate = true;
+      }
+
+      return {
+        ...batch,
+        totalactualamount: calculatedActualAmount,
+      };
+    });
+
+    if (needsUpdate) {
+      const totalActualAmountSum = updatedBatchDetail
+        .reduce((sum, batch) => sum + parseFloat(batch.totalactualamount), 0)
+        .toFixed(2);
+
+      setInvoiceData(prevState => {
+        const updatedData = JSON.parse(JSON.stringify(prevState.data));
+        updatedData[sectionIndex].productdetail[productIndex].batchdetail = updatedBatchDetail;
+        updatedData[sectionIndex].productdetail[productIndex].totalactualamount = totalActualAmountSum;
+
+        return {
+          ...prevState,
+          data: updatedData,
+        };
+      });
+    }
+  }, [item?.batchdetail, sectionIndex, productIndex, setInvoiceData]);
+
+  function handleUpdateMedia(sectionIndex, productIndex, batchIndex, val) {
+    const updatedData = [...invoiceData.data];
+
+    const section = updatedData[sectionIndex];
+    const product = section.productdetail[productIndex];
+
+    const currentBatch = product.batchdetail[batchIndex];
+
+    section.productdetail[productIndex].batchdetail[batchIndex] = {
+      ...currentBatch,
+      media: [val],
+    };
+
+    setInvoiceData(prevState => ({
+      ...prevState,
+      data: updatedData,
+      EditStatus: true,
+    }));
+  }
+
+  const checkProduct = (products) => {
+    for (let product of products.batchdetail) {
+      if (!product.rate || !product.mrp) {
+        notifyMessage(
+          'Please enter both Rate and MRP for all products before proceeding.'
+        );
+        return;
+      }
+    }
+
+    setIsLoading(true);
+
+    const groups = {
+      option: 'rnintrpusellingpricecheck',
+      userdata: Global.userData,
+      purchasedata: products,
+    };
+
+    const dataset = { groups };
+    console.log('SAVE DATA--------------------------------', JSON.stringify(dataset));
+
+    if (!groups.purchasedata) {
+      notifyMessage('No data to Verify');
+      setIsLoading(false);
+      return;
+    }
+
+    const buttonApi = `${APIURL}invsave/FlCommonSave`;
+    console.log('API URL-----------------------------', buttonApi);
+
+    NetworkServiceCall('post', buttonApi, dataset)
+      .then((response) => {
+        console.log('RESPONSE SAVE:', JSON.stringify(response));
+
+        if (response.httpstatus === 200) {
+          const isVerified = response.data.code > 1;
+
+          handleProductInputChange(
+            sectionIndex,
+            productIndex,
+            isVerified,
+            'checkproduct'
+          );
+
+          if (isVerified) {
+            notifyMessage('Data Verified!!!!!');
+          } else {
+            notifyMessage('Data Not Verified!!!!!');
+            setIsLoading(false);
+          }
+        } else {
+          notifyMessage('Verification Failed!!!!! Network Error');
+          setIsLoading(false);
+        }
+      })
+      .catch((error) => {
+        console.error('Network Error:', error);
+        notifyMessage('Network Error Occurred');
+        setIsLoading(false);
+      })
+      .finally(() => {
+        setIsLoading(false);
+      });
+  };
+
+  return item != undefined ? (
+    <View>
+      <SwipeRow
+        leftOpenValue={190}
+        rightOpenValue={-190}
+        swipeToClosePercent={10}
+        swipeToOpenPercent={10}
+      >
+        <View
+          style={{
+            flexDirection: 'row',
+            justifyContent: 'flex-start',
+            alignItems: 'center',
+            paddingHorizontal: normalize(10),
+            marginBottom: normalize(7),
+            marginVertical: 5,
+            borderLeftWidth: normalize(10),
+            borderLeftColor: isNUQ(item?.color) ? item?.color : '#870808',
+            backgroundColor: item?.checkproduct ? '#c4ffc6ff' : '#faeeeb',
+            marginHorizontal: normalize(10),
+            borderRadius: normalize(5),
+          }}>
+          <TouchableOpacity
+            style={{
+              marginLeft: normalize(5),
+            }}
+            onPress={() => {
+              navigation.navigate('CPurchaseDetails', {
+                productCode:
+                  invoiceData?.data[sectionIndex]?.productdetail[productIndex]
+                    ?.insuproduct,
+              });
+            }}>
+            <View
+              style={{
+                backgroundColor: '#f4f5ae',
+                justifyContent: 'center',
+                alignItems: 'center',
+                ...CButtonShadow(),
+                borderRadius: normalize(5),
+                paddingHorizontal: normalize(3),
+                paddingVertical: normalize(5),
+                height: normalize(38),
+                width: normalize(38),
+              }}>
+              <HOCIcons.Entypo
+                name={'info-with-circle'}
+                size={normalize(20)}
+                color={Global.AppTheme.primary_color}
+              />
+              <Text
+                numberOfLines={1}
+                style={{
+                  fontSize: normalize(8),
+                  fontWeight: 'bold',
+                  color: Global.AppTheme.primary_color,
+                }}>
+                Details
+              </Text>
+            </View>
+          </TouchableOpacity>
+          <TouchableOpacity
+            style={{
+              marginLeft: normalize(5),
+            }}
+            onPress={() => {
+              navigation.navigate('CSupplierList', {
+                productCode: item?.insuproduct,
+              });
+            }}>
+            <View
+              style={{
+                backgroundColor: '#aef5b4',
+                justifyContent: 'center',
+                alignItems: 'center',
+                ...CButtonShadow(),
+                borderRadius: normalize(5),
+                paddingHorizontal: normalize(3),
+                paddingVertical: normalize(5),
+                height: normalize(38),
+                width: normalize(38),
+              }}>
+              <HOCIcons.MaterialCommunityIcons
+                name={'human-dolly'}
+                size={normalize(20)}
+                color={Global.AppTheme.primary_color}
+              />
+              <Text
+                numberOfLines={1}
+                style={{
+                  fontSize: normalize(8),
+                  fontWeight: 'bold',
+                  color: Global.AppTheme.primary_color,
+                }}>
+                Supplier
+              </Text>
+            </View>
+          </TouchableOpacity>
+        </View>
+
+        <TouchableOpacity
+          onPress={() => groupExpand(item)}
+          style={{
+            padding: normalize(5),
+            marginVertical: 5,
+            borderLeftWidth: normalize(10),
+            borderLeftColor: isNUQ(item?.color) ? item?.color : '#870808',
+            backgroundColor: item?.checkproduct ? '#c4ffc6ff' : '#faeeeb',
+            marginHorizontal: normalize(10),
+            marginBottom: normalize(10),
+            borderRadius: normalize(5),
+            shadowColor: Global.AppTheme.primary_color,
+            shadowOffset: { width: 4, height: 4 },
+            shadowOpacity: 0.6,
+            shadowRadius: 10,
+            elevation: 8,
+            ...CButtonShadow(),
+          }}>
+          <View>
+            <View
+              style={{
+                alignItems: 'center',
+                flexDirection: 'row',
+                justifyContent:
+                  verifyData != true ? 'flex-start' : 'space-between',
+                padding: normalize(2),
+              }}>
+              <Icons.FontAwesome5
+                name={'box-open'}
+                size={normalize(19)}
+                color={'#094485'}
+              />
+              <Text
+                adjustsFontSizeToFit
+                numberOfLines={2}
+                style={{
+                  fontWeight: 'bold',
+                  marginLeft: normalize(5),
+                  fontSize: normalize(13),
+                  color: '#094485',
+                  marginHorizontal: normalize(5),
+                  marginLeft: normalize(20),
+                  maxWidth: '75%',
+                }}>
+                {item.purchaseproduct}
+              </Text>
+
+              {verifyData === true ? (
+                <SCheckBox
+                  data={{ value: item.productverify, size: 20 }}
+                  callBack={val => {
+                    handleProductInputChange(
+                      sectionIndex,
+                      productIndex,
+                      val,
+                      'productverify',
+                    );
+                  }}
+                />
+              ) : null}
+            </View>
+
+            <View
+              style={{ justifyContent: 'space-between', flexDirection: 'row' }}>
+              <Text
+                adjustsFontSizeToFit
+                numberOfLines={2}
+                style={{
+                  color: '#094485',
+                  fontWeight: '500',
+                  fontSize: normalize(10),
+                }}>
+                TOTAL QUANTITY :<Text>{totalQuantity}</Text>
+              </Text>
+              <Text
+                style={{
+                  color: '#094485',
+                  fontWeight: '500',
+                  fontSize: normalize(10),
+                }}>
+                TOTAL AMOUNT :{' '}
+                <Text>
+                  {verifyData !== true
+                    ? Number(totalProductAmount || 0).toFixed(2)
+                    : Number(item.actualamount).toFixed(2)}
+                </Text>
+              </Text>
+            </View>
+          </View>
+        </TouchableOpacity>
+      </SwipeRow>
+
+      {item.groupexpand == true ? (
+        <View
+          style={{
+            paddingHorizontal: normalize(5),
+            marginHorizontal: normalize(10),
+            marginBottom: normalize(10),
+          }}>
+          {verifyData != true ? (
+            <View
+              style={{
+                justifyContent: 'flex-end',
+                alignItems: 'center',
+                flexDirection: 'row',
+              }}>
+              <TouchableOpacity>
+                <SOverlay
+                  iconcolor={'#094485'}
+                  size={16}
+                  value={item.ratenotes}
+                  onChangeText={val => {
+                    handleProductInputChange(
+                      sectionIndex,
+                      productIndex,
+                      val,
+                      'ratenotes',
+                    );
+                  }}
+                />
+              </TouchableOpacity>
+            </View>
+          ) : null}
+
+          <ScrollView
+            horizontal={true}
+            showsHorizontalScrollIndicator={true}
+            keyboardShouldPersistTaps="handled"
+            style={{ marginVertical: normalize(3) }}>
+            <View
+              style={{
+                flex: 1,
+                marginTop: 0,
+                marginVertical: normalize(3),
+                alignSelf: 'center',
+              }}>
+              <View style={{ flexDirection: 'row' }} />
+
+              {item?.batchdetail?.map((batchdata, i) => {
+                return (
+                  <View
+                    key={i}
+                    style={{
+                      flexDirection: 'row',
+                      marginTop: normalize(1),
+                      backgroundColor: 'white',
+                    }}>
+                    <View>
+                      <CTextHeader
+                        text={'BATCH'}
+                        widthArr={Dimensions.get('screen').width * 0.26}
+                        bgColor={'rgba(184, 184, 191,0.3)'}
+                        color={'#094485'}
+                        borderColor={'lightgrey'}
+                        marginHorizontal={normalize(2)}
+                        borderRadius={5}
+                        elevation={0}
+                      />
+                      <STextInputNew
+                        data={{
+                          borderWidth: 1,
+                          borderColor: 'lightgrey',
+                          elevation: 0,
+                          borderRadius: 5,
+                          fontWeight: 'bold',
+                          color: 'black',
+                          itemwidth: Dimensions.get('screen').width * 0.26,
+                          paddingTop: 5,
+                          paddingBottom: 5,
+                          height: Dimensions.get('screen').height * 0.055,
+                          textAlign: 'center',
+                          marginTop: normalize(2),
+                          marginHorizontal: normalize(2),
+                          value: batchdata.batch,
+                          editable: false,
+                        }}
+                      />
+                    </View>
+
+                    <View>
+                      <CTextHeader
+                        text={'RATE'}
+                        widthArr={Dimensions.get('screen').width * 0.26}
+                        bgColor={'rgba(184, 184, 191,0.3)'}
+                        color={'#094485'}
+                        borderColor={'lightgrey'}
+                        marginHorizontal={normalize(2)}
+                        borderRadius={5}
+                        elevation={0}
+                      />
+                      <STextInputNew
+                        data={{
+                          borderWidth: 1,
+                          borderColor: 'lightgrey',
+                          elevation: 0,
+                          borderRadius: 5,
+                          fontWeight: 'bold',
+                          color: 'black',
+                          itemwidth: Dimensions.get('screen').width * 0.26,
+                          paddingTop: 5,
+                          paddingBottom: 5,
+                          height: Dimensions.get('screen').height * 0.055,
+                          textAlign: 'center',
+                          marginTop: normalize(2),
+                          marginHorizontal: normalize(2),
+                          value:
+                            verifyData != true
+                              ? batchdata.rate
+                              : Number(batchdata.rate).toFixed(2),
+                          editable: verifyData != true ? true : false,
+                        }}
+                        callBack={val => {
+                          if (val != undefined) {
+                            handleBatchDetailInputChange(
+                              sectionIndex,
+                              productIndex,
+                              i,
+                              val,
+                              'rate',
+                            );
+                          }
+                        }}
+                        keyboardType={'numeric'}
+                      />
+                    </View>
+
+                    <View>
+                      <CTextHeader
+                        text={'MRP'}
+                        widthArr={Dimensions.get('screen').width * 0.26}
+                        bgColor={'rgba(184, 184, 191,0.3)'}
+                        color={'#094485'}
+                        borderColor={'lightgrey'}
+                        marginHorizontal={normalize(2)}
+                        borderRadius={5}
+                        elevation={0}
+                      />
+                      <STextInputNew
+                        data={{
+                          borderWidth: 1,
+                          borderColor: 'lightgrey',
+                          elevation: 0,
+                          borderRadius: 5,
+                          fontWeight: 'bold',
+                          color: 'black',
+                          itemwidth: Dimensions.get('screen').width * 0.26,
+                          paddingTop: 5,
+                          paddingBottom: 5,
+                          height: Dimensions.get('screen').height * 0.055,
+                          textAlign: 'center',
+                          marginTop: normalize(2),
+                          marginHorizontal: normalize(2),
+                          value:
+                            verifyData != true
+                              ? batchdata.mrp
+                              : Number(batchdata.mrp).toFixed(2) || 0,
+                          editable: verifyData != true ? true : false,
+                        }}
+                        callBack={val => {
+                          if (val != undefined) {
+                            handleBatchDetailInputChange(
+                              sectionIndex,
+                              productIndex,
+                              i,
+                              val,
+                              'mrp',
+                            );
+                          }
+                        }}
+                        keyboardType={'numeric'}
+                      />
+                    </View>
+
+                    <View>
+                      <CTextHeader
+                        text={'DISCOUNT'}
+                        widthArr={Dimensions.get('screen').width * 0.26}
+                        bgColor={'rgba(184, 184, 191,0.3)'}
+                        color={'#094485'}
+                        borderColor={'lightgrey'}
+                        marginHorizontal={normalize(2)}
+                        borderRadius={5}
+                        elevation={0}
+                      />
+                      <TouchableWithoutFeedback
+                        onPress={() => {
+                          if (verifyData != true) {
+                            navigationToCharge(
+                              batchdata,
+                              false,
+                              item.purchaseproduct,
+                              batchdata.productchargedisccount,
+                              item.insuproduct,
+                              2,
+                              supplierName,
+                              invoiceNumber,
+                              ratedata,
+                              item,
+                              i,
+                            );
+                          }
+                        }}>
+                        <Text
+                          style={{
+                            borderWidth: 1,
+                            borderColor: 'lightgrey',
+                            elevation: 0,
+                            borderRadius: 5,
+                            fontWeight: 'bold',
+                            color: 'black',
+                            width: Dimensions.get('screen').width * 0.26,
+                            paddingTop: normalize(14),
+                            paddingBottom: normalize(10),
+                            height: Dimensions.get('screen').height * 0.057,
+                            textAlign: 'center',
+                            fontSize: normalize(11),
+                          }}>
+                          {verifyData != true
+                            ? Number(batchdata.productdiscount).toFixed(2)
+                            : Number(batchdata.productdiscount).toFixed(2)}
+                        </Text>
+                      </TouchableWithoutFeedback>
+                    </View>
+
+                    <View>
+                      <CTextHeader
+                        text={'CHARGE'}
+                        widthArr={Dimensions.get('screen').width * 0.26}
+                        bgColor={'rgba(184, 184, 191,0.3)'}
+                        color={'#094485'}
+                        borderColor={'lightgrey'}
+                        marginHorizontal={normalize(2)}
+                        borderRadius={5}
+                        elevation={0}
+                      />
+                      <TouchableWithoutFeedback
+                        onPress={() => {
+                          if (verifyData != true) {
+                            navigationToCharge(
+                              batchdata,
+                              false,
+                              item.purchaseproduct,
+                              batchdata.productchargedisccount,
+                              item.insuproduct,
+                              1,
+                              supplierName,
+                              invoiceNumber,
+                              ratedata,
+                              item,
+                              i,
+                            );
+                          }
+                        }}>
+                        <Text
+                          style={{
+                            borderWidth: 1,
+                            borderColor: 'lightgrey',
+                            elevation: 0,
+                            borderRadius: 5,
+                            fontWeight: 'bold',
+                            color: 'black',
+                            width: Dimensions.get('screen').width * 0.26,
+                            paddingTop: normalize(14),
+                            paddingBottom: normalize(10),
+                            height: Dimensions.get('screen').height * 0.057,
+                            textAlign: 'center',
+                            fontSize: normalize(11),
+                          }}>
+                          {Number(batchdata.productcharge).toFixed(2)}
+                        </Text>
+                      </TouchableWithoutFeedback>
+                    </View>
+
+                    <View>
+                      <CTextHeader
+                        text={'ACTUAL AMOUNT'}
+                        widthArr={Dimensions.get('screen').width * 0.26}
+                        bgColor={'rgba(184, 184, 191,0.3)'}
+                        color={'#094485'}
+                        borderColor={'lightgrey'}
+                        marginHorizontal={normalize(2)}
+                        borderRadius={5}
+                        elevation={0}
+                      />
+                      <View
+                        style={{
+                          borderWidth: 1,
+                          borderColor: 'lightgrey',
+                          elevation: 0,
+                          borderRadius: 5,
+                          width: Dimensions.get('screen').width * 0.26,
+                          paddingTop: 5,
+                          paddingBottom: 5,
+                          height: Dimensions.get('screen').height * 0.057,
+                          alignItems: 'flex-start',
+                          justifyContent: 'center',
+                        }}>
+                        <Text
+                          adjustsFontSizeToFit
+                          numberOfLines={2}
+                          style={{
+                            fontWeight: 'bold',
+                            color: 'black',
+                            fontSize: normalize(11),
+                            paddingHorizontal: normalize(10),
+                          }}>
+                          {verifyData != true
+                            ? ActualAmount(batchdata)
+                            : Number(batchdata.actualamount).toFixed(2)}
+                        </Text>
+                      </View>
+                    </View>
+
+                    <View>
+                      <CTextHeader
+                        text={'MEDIA'}
+                        fontSize={10}
+                        widthArr={Dimensions.get('screen').width * 0.26}
+                        bgColor={'rgba(184, 184, 191,0.3)'}
+                        color={'#094485'}
+                        borderColor={'lightgrey'}
+                        marginHorizontal={normalize(2)}
+                        borderRadius={5}
+                        elevation={0}
+                      />
+                      <View
+                        style={{
+                          width: Dimensions.get('screen').width * 0.26,
+                          height: Dimensions.get('screen').height * 0.056,
+                          justifyContent: 'center',
+                          alignItems: 'center',
+                          borderWidth: 1,
+                          borderRadius: 5,
+                          borderColor: 'lightgrey',
+                        }}>
+                        <TouchableOpacity
+                          style={{ marginHorizontal: normalize(5) }}
+                          onPress={() => {
+                            if (Platform.OS !== 'web') {
+                              navigation.navigate('FileExplorer', {
+                                visibility: 0,
+                                data: invoiceData.data[
+                                  sectionIndex
+                                ].productdetail[productIndex].batchdetail[
+                                  i
+                                ].media.map(item => ({
+                                  ...item,
+                                  savedimages: Array.isArray(item.savedimages)
+                                    ? item.savedimages
+                                    : item.savedimages?.split(',') || [],
+                                  savedvideo: Array.isArray(item.savedvideo)
+                                    ? item.savedvideo
+                                    : item.savedvideo?.split(',') || [],
+                                  savedaudio: Array.isArray(item.savedaudio)
+                                    ? item.savedaudio
+                                    : item.savedaudio?.split(',') || [],
+                                  savedpdf: Array.isArray(item.savedpdf)
+                                    ? item.savedpdf
+                                    : item.savedpdf?.split(',') || [],
+                                })),
+                                callBack: val => {
+                                  setFilesData(val);
+                                  handleUpdateMedia(
+                                    sectionIndex,
+                                    productIndex,
+                                    i,
+                                    val,
+                                  );
+                                },
+                              });
+                            }
+                          }}>
+                          <Icons.FontAwesome5
+                            name="play"
+                            color="#094485"
+                            size={normalize(15)}
+                          />
+                        </TouchableOpacity>
+                      </View>
+                    </View>
+
+                    {verifyData === true ? (
+                      <View>
+                        <CTextHeader
+                          text={'VERIFY'}
+                          widthArr={Dimensions.get('screen').width * 0.26}
+                          bgColor={'rgba(184, 184, 191,0.3)'}
+                          color={'#094485'}
+                          borderColor={'lightgrey'}
+                          marginHorizontal={normalize(2)}
+                          borderRadius={5}
+                          elevation={0}
+                        />
+                        <View
+                          style={{
+                            width: Dimensions.get('screen').width * 0.26,
+                            height: Dimensions.get('screen').height * 0.055,
+                            justifyContent: 'center',
+                            alignItems: 'center',
+                            borderWidth: 1,
+                            borderRadius: 5,
+                            borderColor: 'lightgrey',
+                          }}>
+                          <SCheckBox
+                            data={{ value: batchdata.batchverify, size: 20 }}
+                            callBack={val => {
+                              handleBatchDetailInputChange(
+                                sectionIndex,
+                                productIndex,
+                                i,
+                                val,
+                                'batchverify',
+                              );
+                            }}
+                          />
+                        </View>
+                      </View>
+                    ) : null}
+
+                    <View>
+                      <CTextHeader
+                        text={''}
+                        widthArr={Dimensions.get('screen').width * 0.3}
+                        bgColor={'rgba(184, 184, 191,0.3)'}
+                        color={'#094485'}
+                        borderColor={'white'}
+                        marginHorizontal={normalize(2)}
+                        borderRadius={5}
+                        elevation={0}
+                      />
+                      <View
+                        style={{
+                          borderWidth: 0,
+                          alignItems: 'flex-start',
+                          justifyContent: 'center',
+                          marginTop: normalize(15),
+                        }}>
+                        <TouchableOpacity
+                          style={{ marginHorizontal: normalize(5) }}
+                          onPress={() => {
+                            navigationTo(
+                              item.purchaseproduct,
+                              false,
+                              batchdata.batch,
+                              batchdata.batchcode,
+                              ratedata,
+                              item,
+                              i,
+                            );
+                          }}>
+                          <View
+                            style={{
+                              position: 'absolute',
+                              right: normalize(-5),
+                              top: normalize(-10),
+                              backgroundColor: 'white',
+                              alignItems: 'center',
+                              borderRadius: 20,
+                              width: normalize(15),
+                              borderWidth: 0.5,
+                            }}>
+                            <Text
+                              style={{
+                                color: 'black',
+                                fontSize: normalize(11),
+                                fontWeight: 'bold',
+                              }}>
+                              {getLength(batchdata.productfree)}
+                            </Text>
+                          </View>
+                          <Icons.FontAwesome5
+                            name="cart-arrow-down"
+                            color="#094485"
+                            size={normalize(15)}
+                          />
+                        </TouchableOpacity>
+                      </View>
+                    </View>
+                  </View>
+                );
+              })}
+            </View>
+          </ScrollView>
+
+          <View
+            style={{
+              height: normalize(30),
+              borderWidth: 0,
+              width: '100%',
+              marginVertical: normalize(5),
+              backgroundColor: 'rgba(184, 184, 191,0.3)',
+            }}>
+            <View
+              style={{ justifyContent: 'space-between', flexDirection: 'row' }}>
+              <View
+                style={{ borderWidth: 0, alignItems: 'center', width: '20%' }}>
+                <Text
+                  adjustsFontSizeToFit
+                  numberOfLines={2}
+                  style={{
+                    color: '#094485',
+                    fontWeight: 'bold',
+                    fontSize: normalize(12),
+                    width: '100%',
+                    textAlign: 'center',
+                  }}>
+                  {verifyData != true
+                    ? calculateTotalAmount(item.batchdetail)
+                    : Number(item.totalamount).toFixed(2)}
+                </Text>
+                <Text
+                  adjustsFontSizeToFit
+                  style={{
+                    color: '#094485',
+                    fontWeight: '500',
+                    fontSize: normalize(8),
+                    borderWidth: 0,
+                    width: '100%',
+                    textAlign: 'center',
+                  }}>
+                  TOTAL AMOUNT
+                </Text>
+              </View>
+              <View
+                style={{ borderWidth: 0, alignItems: 'center', width: '20%' }}>
+                <Text
+                  adjustsFontSizeToFit
+                  numberOfLines={2}
+                  style={{
+                    color: '#094485',
+                    fontWeight: 'bold',
+                    fontSize: normalize(12),
+                    width: '100%',
+                    textAlign: 'center',
+                  }}>
+                  {TotalDiscountSum(item.batchdetail, item)}
+                </Text>
+                <Text
+                  adjustsFontSizeToFit
+                  style={{
+                    color: '#094485',
+                    fontWeight: '500',
+                    fontSize: normalize(8),
+                    borderWidth: 0,
+                    width: '100%',
+                    textAlign: 'center',
+                  }}>
+                  TOTAL DISCOUNT
+                </Text>
+              </View>
+              <View
+                style={{ borderWidth: 0, alignItems: 'center', width: '20%' }}>
+                <Text
+                  adjustsFontSizeToFit
+                  numberOfLines={2}
+                  style={{
+                    color: '#094485',
+                    fontWeight: 'bold',
+                    fontSize: normalize(12),
+                    width: '100%',
+                    textAlign: 'center',
+                  }}>
+                  {TotalChargeSum(item.batchdetail, item)}
+                </Text>
+                <Text
+                  adjustsFontSizeToFit
+                  style={{
+                    color: '#094485',
+                    fontWeight: '500',
+                    fontSize: normalize(8),
+                    borderWidth: 0,
+                    width: '100%',
+                    textAlign: 'center',
+                  }}>
+                  TOTAL CHARGE
+                </Text>
+              </View>
+              <View
+                style={{ borderWidth: 0, alignItems: 'center', width: '20%' }}>
+                <Text
+                  adjustsFontSizeToFit
+                  numberOfLines={2}
+                  style={{
+                    color: '#094485',
+                    fontWeight: 'bold',
+                    fontSize: normalize(12),
+                    width: '100%',
+                    textAlign: 'center',
+                  }}>
+                  {verifyData != true
+                    ? calculateTotalActualAmount(item.batchdetail)
+                    : Number(item.actualamount).toFixed(2)}
+                </Text>
+                <Text
+                  adjustsFontSizeToFit
+                  style={{
+                    color: '#094485',
+                    fontWeight: '500',
+                    fontSize: normalize(8),
+                    borderWidth: 0,
+                    width: '100%',
+                    textAlign: 'center',
+                  }}>
+                  ACTUAL AMOUNT
+                </Text>
+              </View>
+            </View>
+          </View>
+        </View>
+      ) : null}
+    </View>
+  ) : null;
+};
+
+// Remove React.memo - export the component directly without memoization
+export default RateProductCard;