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

package/src/Components/RateProductCard.js

@@ -1,1452 +0,0 @@
-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;