{
+ setEditing(!editing);
+ form.setFieldsValue({
+ [dataIndex]: record[dataIndex],
+ });
+ };
+
+ const save = async () => {
+ try {
+ const values = await form.validateFields();
+ toggleEdit();
+ handleSave({
+ ...record,
+ ...values,
+ });
+ } catch (errInfo) { }
+ };
+
+ let childNode = children;
+
+ if (editable) {
+ childNode = editing ? (
+
handleExportData()}
- >
-
-
+ );
+ }
+
+ return
{childNode} | ;
+ };
+
+ const components = {
+ body: {
+ row: EditableRow,
+ cell: EditableCell,
+ },
+ };
+
+ const handleSave = (row) => {
+ const newDatas = [...Datas];
+
+ const item = newDatas.filter((item) => item.key === row.key);
+
+ // const item = newDatas[index];
+ const UpdatedData = {
+ ProductName: row?.ProductName,
+ ProductVariantName: row?.ProductVariantName
+ ? row?.ProductVariantName
+ : 'Variant 1',
+ Quantity: row?.Quantity,
+ UOM: row?.UOM,
+ MRP: row?.MRP,
+ isModified: true,
+ WhSalePrice: row?.WhSalePrice,
+ SellPrice: row?.SellPrice,
+ Category: row?.Category,
+ SubCategory: row?.SubCategory,
+ Brand: row?.Brand,
+ AutoGenerateQrcode: row?.AutoGenerateQrcode,
+ AddQrCode: row?.AddQrCode,
+ StockAvailable: row?.StockAvailable,
+ // NumberOfPieceInside:row?.NumberOfPieceInside,
+ TokenAvailable: row?.TokenAvailable,
+ OnePieceAvailable: row?.OnePieceAvailable,
+ OnePiecePrice: row?.OnePiecePrice,
+ AutoGenerateOnePieceQrcode: row?.AutoGenerateOnePieceQrcode,
+ AutoGenerateOnePieceQrcodeNumber: row?.AutoGenerateOnePieceQrcodeNumber,
+ ProductType: row?.ProductType,
+ Tax: row?.Tax,
+ CESS: row?.CESS,
+ HSN: row?.HSN,
+ PartNumber: row?.PartNumber,
+ Rack: row?.Rack,
+ ManufactureDate: row?.ManufactureDate,
+ ExpireDate: row?.ExpireDate,
+ AvailableFrom: row?.AvailableFrom,
+ AvailableTo: row?.AvailableTo,
+ Productimage: row?.Productimage,
+ key: row?.key,
+ };
+ newDatas.splice(item?.[0]?.key, 1, {
+ ...item?.[0],
+ ...UpdatedData,
+ });
+ setDatas(newDatas);
+ setExcelData(newDatas);
+ };
+
+ const handlechange22 = (index) => {
+ if (editdelete === 'Delete') {
+ seteditdelete('');
+ } else {
+ seteditdelete('Delete');
+ }
+ };
+
+ const removeFromTable = (record) => {
+ const indexToRemove = Datas.findIndex((item) => item.key === record.key);
+
+ if (indexToRemove !== -1) {
+ const updatedDataSource = [...Datas];
+ updatedDataSource.splice(indexToRemove, 1);
+ setDatas(updatedDataSource);
+ setExcelData(updatedDataSource);
+ }
+ };
+
+ const handleExportData = async () => {
+ setLoading(true);
+ let response = await dispatch(
+ getProductData({ CompId: CompId, BranchId: BranchId, AppId: AppId })
+ ).unwrap();
+ if (response?.data?.statusCode == 1 && response?.data?.data?.length > 0) {
+ const formattedData = response?.data?.data?.map((item) => {
+ return {
+ ProdId: item.ProdId,
+ 'Product Name': item.ProdName,
+ 'Product Variant Name': item.ProdVarientName,
+ Quantity: item.Size,
+ UOM: item.UomName,
+ MRP: item.MRP,
+ 'WholeSale Price': item.WhSalePrice,
+ 'Sales Price': item.SellPrice,
+ Category: item.CategoryName,
+ 'Sub Category': item.SubCategoryName,
+ Brand: item.BrandName,
+ 'Auto Generate Qrcode': item.AutoGenerateQr
+ ? item.AutoGenerateQr
+ : 'N',
+ 'Add Qr Code': item.QRCode,
+ 'Stock Available': item.StockAvailable ? item.StockAvailable : 'N',
+ 'Token Available': item.TokenAvailable ? item.TokenAvailable : 'N',
+ 'One Piece Available': item.OnePcsAvailable
+ ? item.OnePcsAvailable
+ : 'N',
+ 'One Piece Price': item.OnePcsPrice,
+ 'Auto Generate One Piece Qrcode': item.AutoGenerateSingleQr
+ ? item.AutoGenerateSingleQr
+ : 'N',
+ 'Auto Generate One Piece Qrcode Number': item.OnePcQR,
+ 'Product Type': item.ProdTypeName ? item.ProdTypeName : 'Product',
+ Tax: `${item.TaxName || 'NIL'} - ${item.TaxPercentage || 0}%`,
+ CESS: item.CESS,
+ HSN: item.HSNCode,
+ 'Part Number': item.PartNumber,
+ Rack: item.Rack,
+ 'Manufacture Date': null,
+ 'Expire Date': null,
+ 'Available From':
+ item.AvailableFrom != '00:00:00' ? item.AvailableFrom : null,
+ 'Available To':
+ item.AvailableTo != '00:00:00' ? item.AvailableTo : null,
+ };
+ });
+
+ const workbook = new ExcelJS.Workbook();
+ const worksheet = workbook.addWorksheet('Products');
+
+ worksheet.columns = Object.keys(formattedData[0]).map((key) => ({
+ header: key,
+ key: key,
+ width: 20,
+ }));
+
+ formattedData.forEach((row) => worksheet.addRow(row));
+
+ worksheet.eachRow((row, rowNumber) => {
+ row.eachCell((cell, colNumber) => {
+ cell.protection = { locked: colNumber === 1 };
+ });
+ });
+
+ await worksheet.protect('', {
+ selectLockedCells: true,
+ selectUnlockedCells: true,
+ });
+
+ // const buffer = await workbook.xlsx.writeBuffer();
+ // const blob = new Blob([buffer], {
+ // type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+ // });
+ // const downloadLink = document.createElement('a');
+ // downloadLink.href = window.URL.createObjectURL(blob);
+ // downloadLink.download = 'Product_Data.xlsx';
+ // downloadLink.click();
+ const buffer = await workbook.xlsx.writeBuffer();
+
+ downloadFile(
+ buffer,
+ "Product_Data.xlsx",
+ "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+ );
+ setLoading(false);
+ } else {
+ setLoading(false);
+ setMessage(true);
+ }
+ };
+
+ const handleExportBulkdata = async () => {
+ let response = await dispatch(
+ getProductData({ CompId: CompId, BranchId: BranchId, AppId: AppId })
+ ).unwrap();
+ if (response?.data?.statusCode == 1 && response?.data?.data?.length > 0) {
+ const formattedData = response?.data?.data?.map((item) => {
+ return {
+ ProdId: item.ProdId,
+ 'Product Name': item.ProdName,
+ 'Product Variant Name': item.ProdVarientName,
+ Quantity: item.Size,
+ UOM: item.UomName,
+ MRP: item.MRP,
+ 'WholeSale Price': item.WhSalePrice,
+ 'Sales Price': item.SellPrice,
+ Category: item.CategoryName,
+ 'Sub Category': item.SubCategoryName,
+ Brand: item.BrandName,
+ 'Auto Generate Qrcode': item.AutoGenerateQr
+ ? item.AutoGenerateQr
+ : 'N',
+ 'Add Qr Code': item.QRCode,
+ 'Stock Available': item.StockAvailable ? item.StockAvailable : 'N',
+ 'Token Available': item.TokenAvailable ? item.TokenAvailable : 'N',
+ 'One Piece Available': item.OnePcsAvailable
+ ? item.OnePcsAvailable
+ : 'N',
+ 'One Piece Price': item.OnePcsPrice,
+ 'Auto Generate One Piece Qrcode': item.AutoGenerateSingleQr
+ ? item.AutoGenerateSingleQr
+ : 'N',
+ 'Auto Generate One Piece Qrcode Number': item.OnePcQR,
+ 'Product Type': item.ProdTypeName ? item.ProdTypeName : 'Product',
+ Tax: `${item.TaxName || 'NIL'} - ${item.TaxPercentage || 0}%`,
+ CESS: item.CESS,
+ HSN: item.HSNCode,
+ 'Part Number': item.PartNumber,
+ Rack: item.Rack,
+ 'Manufacture Date': null,
+ 'Expire Date': null,
+ 'Available From':
+ item.AvailableFrom != '00:00:00' ? item.AvailableFrom : null,
+ 'Available To':
+ item.AvailableTo != '00:00:00' ? item.AvailableTo : null,
+ };
+ });
+
+ setOrginalData(formattedData);
+ }
+ };
+
+ const requiredFields = [
+ 'ProductName',
+ 'ProductVariantName',
+ 'Quantity',
+ 'UOM',
+ 'MRP',
+ 'SellPrice',
+ 'WhSalePrice',
+ 'Category',
+ 'SubCategory',
+ 'Brand',
+ 'StockAvailable',
+ 'TokenAvailable',
+ 'ProductType',
+ 'Tax',
+ 'AutoGenerateQrcode',
+ 'AddQrCode',
+ 'OnePieceAvailable',
+ 'OnePiecePrice',
+ 'AutoGenerateOnePieceQrcode',
+ 'AutoGenerateOnePieceQrcodeNumber',
+ 'CESS',
+ 'HSN',
+ 'PartNumber',
+ 'Rack',
+ 'ManufactureDate',
+ 'ExpireDate',
+ 'AvailableFrom',
+ 'AvailableTo',
+ ];
+
+ const enhancedColumns = column.map((col) => {
+ if (col.dataIndex === 'Productimage') return col;
+
+ // Get all used fields *except* the current column (to allow remap)
+ const usedFields = Object.entries(fieldMapping)
+ .filter(([key]) => key !== col.dataIndex)
+ .map(([, value]) => value);
+
+ // Fields left for dropdown (excluding already selected ones)
+ const availableHeaders = headers?.filter(
+ (h) => !usedFields?.includes(h) && h !== '__isSampleRow'
+ );
+
+ const isMapped = !!fieldMapping[col.dataIndex];
+
+ return {
+ ...col,
+ title: (
+
+
+ {col.title}
+ {!isMapped && (
+ Not mapped
+ )}
+
+
+
+
+
+ {fieldMapping[col.dataIndex] && (
+ {
+ setFieldMapping((prev) => {
+ const updated = { ...prev };
+ delete updated[col.dataIndex];
+ return updated;
+ });
+ }}
+ className="SelectCancelicon"
+ style={{
+ position: 'absolute',
+ right: '-17px',
+ top: '80%',
+ transform: 'translateY(-50%)',
+ color: 'red',
+ fontSize: 14,
+ cursor: 'pointer',
+ zIndex: 1,
+ }}
+ />
+ )}
+
-
- Export Excel
-
-
- {/* {excelData?.length > 0 && excelData &&
+ ),
+ render: (text, record, index) => {
+ const mappedField = fieldMapping[col.dataIndex];
+
+ if (
+ mappedField &&
+ originalUploadedRawData?.[index]?.[mappedField] !== undefined
+ ) {
+ return originalUploadedRawData[index][mappedField];
+ }
+
+ return record[col.dataIndex] !== undefined ? record[col.dataIndex] : '';
+ },
+ onCell: (record) => ({
+ record,
+ editable: col.editable,
+ dataIndex: col.dataIndex,
+ title: col.title,
+ handleSave,
+ onClick: () => {
+ if (editdelete === 'Delete') {
+ removeFromTable(record);
+ }
+ },
+ }),
+ };
+ });
+
+ const aliasMap = {
+ ProductName: ['product name', 'product', 'item', 'item name', 'prodname'],
+ ProductVariantName: [
+ 'variant',
+ 'product variant',
+ 'variant name',
+ 'productvariant',
+ ],
+ Quantity: ['qty', 'quantity', 'qty size', 'quantitysize', 'qnt'],
+ UOM: ['uom', 'unit', 'unit of measure'],
+ MRP: ['mrp', 'mrp price', 'm.r.p'],
+ SellPrice: ['retail', 'retail price', 'sales price', 'selling price'],
+ WhSalePrice: ['wholesale', 'wholesale price', 'wholesaleprice'],
+ Category: ['category', 'product category', 'cat'],
+ SubCategory: ['subcategory', 'sub category', 'sub cat', 'sub-cat'],
+ Tax: ['tax', 'tax percent', 'gst', 'vat'],
+ CESS: ['cess'],
+ HSN: ['hsn', 'hsn code'],
+ Brand: ['brand', 'brand name'],
+ // Add more as needed...
+ };
+
+ const autoMapFields = (headers) => {
+ const updatedMapping = {};
+ const cleanedHeaders = headers.map((h) =>
+ h?.toLowerCase().replace(/\s+/g, '')
+ );
+
+ requiredFields.forEach((requiredField) => {
+ const cleanedField = requiredField?.toLowerCase();
+
+ // 1. Try exact match (cleaned)
+ const match = stringSimilarity.findBestMatch(
+ cleanedField,
+ cleanedHeaders
+ );
+ const bestMatchIndex = match.bestMatchIndex;
+ const bestMatchScore = match.bestMatch.rating;
+
+ if (bestMatchScore > 0.6) {
+ updatedMapping[requiredField] = headers[bestMatchIndex];
+ return;
+ }
+
+ // 2. Try alias match
+ const aliases = aliasMap[requiredField] || [];
+ const matchedHeader = headers.find((header) =>
+ aliases.some(
+ (alias) =>
+ header?.toLowerCase().replace(/\s+/g, '') ===
+ alias.replace(/\s+/g, '')
+ )
+ );
+
+ if (matchedHeader) {
+ updatedMapping[requiredField] = matchedHeader;
+ }
+ });
+
+ setFieldMapping(updatedMapping);
+ };
+
+ const COMPARE_FIELDS = [
+ 'Product Name',
+ 'Quantity',
+ 'MRP',
+ 'Sales Price',
+ 'WholeSale Price',
+ 'Category',
+ 'Sub Category',
+ 'Brand',
+ 'Stock Available',
+ ];
+
+ return (
+
+
{
+ setMessageData(null);
+ setMessageType(null);
+ }}
+ />
+
+
-
- {excelData?.length > 0 && excelData && (
-
- )}
-
-
0 ? 'space-between' : 'flex-end',
- width: '100%',
- }}
- >
- {excelData?.length > 0 && (
-
- )}
-
-
-
-
-
-
- {(!excelData || excelData?.length === 0) && (
- <>
-
+ {excelData && excelData?.length > 0 ? (
+
+ record.isModified ? 'modified-row' : 'old-row'
+ }
+ >
+ ) : (
+
+ )}
+
+
-
- )}
-
- {excelFileError && (
-
- {excelFileError}
-
- )}
-
-