pixel-sharan 1.13.83 → 1.13.85

package/lib/index.cjs

@@ -40644,252 +40644,275 @@ const ActiveCell = props => {
   const [allOption, setAllOption] = React__namespace.useState();
   const [selectedFiles, setSelectedFiles] = React__namespace.useState([]);
   const handleFilesChange = async (newFiles, selected, actionType) => {
-    if (actionType === 'ADD' && cell?.inputType?.type === 'file') {
-      // Parse existing cell.value
-      let existingFiles = [];
-      try {
-        if (cell?.value) {
-          existingFiles = JSON.parse(cell.value);
-        }
-      } catch (error) {
-        console.error('Error parsing cell.value:', error);
-      }
-      // Deduplicate within newFiles and against existingFiles
-      let duplicateCount = 0;
-      const uniqueFiles = newFiles.filter((file, index, self) => {
-        const baseName = file.name.split('*')[0];
-        // Check for duplicates within newFiles
-        const isDuplicateInSelf = self.findIndex(f => f.name.split('*')[0] === baseName) !== index;
-        // Check for duplicates in existingFiles
-        const isDuplicateInExisting = existingFiles.some(existingFile => existingFile.name.split('*')[0] === baseName);
-        if (isDuplicateInSelf || isDuplicateInExisting) {
-          duplicateCount++;
-          return false;
-        }
-        return true;
-      });
-      // Check total file count (existing + new)
-      if (existingFiles.length + uniqueFiles.length > 5) {
-        toast.info('Cannot upload more than 5 files.');
-        return;
-      }
-      if (props.attachmentAction?.addAttachment && uniqueFiles.length > 0) {
+    try {
+      console.log('newFiles:', newFiles, 'selected:', selected, 'actionType:', actionType);
+      if (actionType === 'ADD' && cell?.inputType?.type === 'file') {
+        // Parse existing cell.value
+        let existingFiles = [];
         try {
-          let successCount = 0;
-          let failureCount = 0;
-          const processedFiles = [...existingFiles];
-          // Show duplicate toast if any duplicates were found
-          if (duplicateCount > 0) {
-            toast.warning('Duplicate attachments not allowed within the same row');
-          }
-          // Upload files with error handling
-          const uploadPromises = uniqueFiles.map(async file => {
-            try {
-              // Skip files with UUID suffix (already uploaded)
-              if (file.name.includes('*')) {
-                return {
-                  file,
-                  status: 'existing',
-                  data: {
-                    name: file.name
-                  }
-                };
-              }
-              const response = await props?.attachmentAction?.addAttachment(file);
-              // Check for invalid response
-              if (!response || typeof response === 'string' && response.trim().length === 0) {
-                return {
-                  file,
-                  status: 'failed',
-                  reason: 'no response'
-                };
-              }
-              // Handle string responses
-              if (typeof response === 'string') {
-                try {
-                  const parsedResponse = JSON.parse(response);
-                  // Check for response code 400
-                  if (parsedResponse.responseCode === 400) {
+          if (cell?.value) {
+            existingFiles = JSON.parse(cell.value);
+          }
+        } catch (error) {
+          console.error('Error parsing cell.value:', error);
+        }
+        // Deduplicate within newFiles and against existingFiles
+        let duplicateCount = 0;
+        const uniqueFiles = newFiles.filter((file, index, self) => {
+          const baseName = file.name.split('*')[0];
+          const isDuplicateInSelf = self.findIndex(f => f.name.split('*')[0] === baseName) !== index;
+          const isDuplicateInExisting = existingFiles.some(existingFile => existingFile.name.split('*')[0] === baseName);
+          if (isDuplicateInSelf || isDuplicateInExisting) {
+            duplicateCount++;
+            return false;
+          }
+          return true;
+        });
+        console.log('Unique files after deduplication:', uniqueFiles.map(f => f.name)); //Debug logs
+        // Check total file count
+        if (existingFiles.length + uniqueFiles.length > 5) {
+          toast.info('Cannot upload more than 5 files.');
+          return;
+        }
+        if (props.attachmentAction?.addAttachment && uniqueFiles.length > 0) {
+          try {
+            let successCount = 0;
+            let failureCount = 0;
+            const processedFiles = [...existingFiles];
+            if (duplicateCount > 0) {
+              toast.warning('Duplicate attachments not allowed within the same row');
+            }
+            const uploadPromises = uniqueFiles.map(async file => {
+              try {
+                if (file.name.includes('*')) {
+                  console.log(`Skipping ${file.name}: Already uploaded`);
+                  return {
+                    file,
+                    status: 'existing',
+                    data: {
+                      name: file.name
+                    }
+                  };
+                }
+                const response = await props?.attachmentAction?.addAttachment(file);
+                console.log(`Raw response for ${file.name}:`, response); // Debug log
+                if (!response || typeof response === 'string' && response.trim().length === 0) {
+                  console.log(`No valid response for ${file.name}`);
+                  return {
+                    file,
+                    status: 'failed',
+                    reason: 'no response'
+                  };
+                }
+                if (typeof response === 'string') {
+                  try {
+                    const parsedResponse = JSON.parse(response);
+                    console.log(`Parsed response for ${file.name}:`, parsedResponse); // Debug log
+                    if (parsedResponse.responseCode === 400) {
+                      console.log(`Invalid file for ${file.name}: responseCode 400`);
+                      return {
+                        file,
+                        status: 'failed',
+                        reason: 'invalid file'
+                      };
+                    }
+                    if (parsedResponse?.id && parsedResponse?.name) {
+                      console.log(`Valid response for ${file.name}`);
+                      return {
+                        file,
+                        status: 'success',
+                        data: parsedResponse
+                      };
+                    } else {
+                      console.error(`Invalid response structure for ${file.name}:`, parsedResponse);
+                      return {
+                        file,
+                        status: 'failed',
+                        reason: 'invalid response'
+                      };
+                    }
+                  } catch (error) {
+                    console.error(`Parse error for ${file.name}:`, error);
                     return {
                       file,
                       status: 'failed',
-                      reason: 'invalid file'
+                      reason: 'parse error'
                     };
                   }
-                  // Validate parsed response structure
-                  if (parsedResponse && parsedResponse.id && parsedResponse.name) {
+                }
+                if (typeof response === 'object' && response !== null) {
+                  const typedResponse = response;
+                  if (typedResponse?.id && typedResponse?.name) {
+                    console.log(`Valid response for ${file.name}`);
                     return {
                       file,
                       status: 'success',
-                      data: parsedResponse
+                      data: typedResponse
                     };
                   } else {
+                    console.error(`Invalid response structure for ${file.name}:`, response);
                     return {
                       file,
                       status: 'failed',
                       reason: 'invalid response'
                     };
                   }
-                } catch (error) {
-                  console.error(`Parse error for ${file.name}:`, error);
-                  return {
-                    file,
-                    status: 'failed',
-                    reason: 'parse error'
-                  };
                 }
+                console.error(`Unknown response for ${file.name}:`, response);
+                return {
+                  file,
+                  status: 'failed',
+                  reason: 'unknown'
+                };
+              } catch (error) {
+                console.error(`Upload failed for ${file.name}:`, error);
+                return {
+                  file,
+                  status: 'failed',
+                  reason: 'upload error'
+                };
               }
-              // Handle object responses
-              if (typeof response === 'object' && response !== null) {
-                const typedResponse = response;
-                if (typedResponse?.id && typedResponse?.name) {
-                  return {
-                    file,
-                    status: 'success',
-                    data: typedResponse
-                  };
+            });
+            const results = await Promise.allSettled(uploadPromises);
+            results.forEach((result, index) => {
+              if (result.status === 'fulfilled' && result.value) {
+                const {
+                  status,
+                  data,
+                  file
+                } = result.value;
+                console.log(`Processing result for ${file.name}:`, {
+                  status,
+                  data
+                }); // Debug
+                if (status === 'success' && data?.id && data?.name) {
+                  processedFiles.push(data);
+                  successCount++;
+                } else if (status === 'existing' && data?.name) {
+                  processedFiles.push(data);
                 } else {
-                  return {
-                    file,
-                    status: 'failed',
-                    reason: 'invalid response'
-                  };
+                  failureCount++;
                 }
-              }
-              return {
-                file,
-                status: 'failed',
-                reason: 'unknown'
-              };
-            } catch (error) {
-              console.error(`Upload failed for ${file.name}:`, error);
-              return {
-                file,
-                status: 'failed',
-                reason: 'upload error'
-              };
-            }
-          });
-          const results = await Promise.allSettled(uploadPromises);
-          results.forEach(result => {
-            if (result.status === 'fulfilled' && result.value) {
-              const {
-                status,
-                data
-              } = result.value;
-              if (status === 'success' && data?.id && data?.name) {
-                processedFiles.push(data);
-                successCount++;
-              } else if (status === 'existing' && data?.name) {
-                processedFiles.push(data);
-              } else if (result.value.reason === 'invalid file') {
-                failureCount++;
               } else {
+                console.log(`Upload promise rejected for file ${index}:`, result); // Debug
                 failureCount++;
               }
+            });
+            if (successCount > 0 || processedFiles.length > existingFiles.length) {
+              const newValue = processedFiles.length > 0 ? JSON.stringify(processedFiles) : '';
+              handleChange({
+                ...cell,
+                value: newValue,
+                style: cell?.style,
+                inputType: cell?.inputType
+              });
+              setSelectedFiles(processedFiles.map(file => new File([new Blob()], file.name)));
+              console.log('Counts:', {
+                duplicateCount,
+                successCount,
+                failureCount
+              }); // Debug log
             } else {
-              failureCount++;
+              console.log('No new valid files added, retaining cell.value'); // Debug log
             }
-          });
-          // Update cell value only if new valid files were added
-          if (successCount > 0 || processedFiles.length > existingFiles.length) {
-            const newValue = processedFiles.length > 0 ? JSON.stringify(processedFiles) : '';
-            handleChange({
-              ...cell,
-              value: newValue,
-              style: cell?.style,
-              inputType: cell?.inputType
-            });
-            setSelectedFiles(processedFiles.map(file => new File([new Blob()], file.name)));
-          }
-          // Show toast messages
-          if (successCount > 0) {
-            toast.success(`${successCount} file${successCount > 1 ? 's' : ''} uploaded successfully`);
-          }
-          if (failureCount > 0) {
-            toast.info(`${failureCount} unsupported ${failureCount > 1 ? 'files' : 'file'}.`);
+            if (successCount > 0) {
+              toast.success(`${successCount} file${successCount > 1 ? 's' : ''} uploaded successfully`);
+            }
+            if (failureCount > 0) {
+              toast.info(`${failureCount} unsupported ${failureCount > 1 ? 'files' : 'file'}.`);
+            }
+          } catch (error) {
+            console.error('Upload operation failed:', error);
+            toast.error('Operation failed');
           }
-        } catch (error) {
-          console.error('Upload operation failed:', error);
-          toast.error('Operation failed');
+        } else if (duplicateCount > 0) {
+          toast.warning('Duplicate attachments not allowed within the same row');
         }
-      } else if (duplicateCount > 0) {
-        toast.warning('Duplicate attachments not allowed within the same row');
-      }
-    } else if (actionType === 'DELETE' && cell?.inputType?.type === 'file') {
-      try {
-        console.log('cell.value before parse:', cell.value); // Debug log
-        const parsedValue = cell && JSON.parse(cell.value);
-        console.log('DELETE action:', {
-          selected,
-          parsedValue
-        }); // Debug log
-        let updatedFileDetails = [...parsedValue];
-        let deletedCount = 0;
-        for (const file of selected || []) {
-          const index = updatedFileDetails.findIndex(originalFile => originalFile.name.split('*')[0] === file.name.split('*')[0]);
-          console.log(`Comparing file ${file.name} with stored files:`, {
-            index,
-            storedNames: updatedFileDetails.map(f => f.name)
+      } else if (actionType === 'DELETE' && cell?.inputType?.type === 'file') {
+        try {
+          console.log('cell.value before parse:', cell.value); // Debug log
+          const parsedValue = cell && JSON.parse(cell.value);
+          console.log('DELETE action:', {
+            selected,
+            parsedValue
           }); // Debug log
-          const fileId = updatedFileDetails[index]?.id;
-          if (index !== -1 && fileId && props.attachmentAction?.deleteAttachment) {
-            console.log(`Deleting fileId: ${fileId}`); // Debug log
-            try {
-              const response = await props.attachmentAction.deleteAttachment(fileId);
-              console.log(`Delete response for ${file.name}:`, response); // Debug log
-              if (response && (response === 'SUCCESS' || typeof response === 'object' && ('status' in response && response.status === 200 || Object.keys(response).length > 0))) {
-                updatedFileDetails.splice(index, 1);
-                console.log(`After splice for ${file.name}:`, updatedFileDetails); // Debug log
-                deletedCount++;
-                console.log(`Deleted ${file.name} successfully`); // Debug log
-              } else {
-                console.error(`Delete failed for ${file.name}: Invalid response`, response);
-              }
-            } catch (deleteError) {
-              console.error(`Delete error for ${file.name}:`, deleteError);
-            }
-          } else {
-            console.error(`Cannot delete ${file.name}: Invalid fileId or no match`, {
+          let updatedFileDetails = [...parsedValue];
+          let deletedCount = 0;
+          for (const file of selected || []) {
+            const index = updatedFileDetails.findIndex(originalFile => originalFile.name.split('*')[0] === file.name.split('*')[0]);
+            console.log(`Comparing file ${file.name} with stored files:`, {
               index,
-              fileId,
-              hasDeleteAttachment: !!props.attachmentAction?.deleteAttachment
+              storedNames: updatedFileDetails.map(f => f.name)
             }); // Debug log
+            const fileId = updatedFileDetails[index]?.id;
+            if (index !== -1 && fileId && props.attachmentAction?.deleteAttachment) {
+              console.log(`Deleting fileId: ${fileId}`); // Debug log
+              try {
+                const response = await props.attachmentAction.deleteAttachment(fileId);
+                console.log(`Delete response for ${file.name}:`, response); // Debug log
+                // Check for valid response
+                if (response === 'SUCCESS' || typeof response === 'object' && response !== null && ('status' in response && response.status === 'SUCCESS' || 'responseCode' in response && response.responseCode === 200)) {
+                  updatedFileDetails.splice(index, 1);
+                  console.log(`After splice for ${file.name}:`, updatedFileDetails); // Debug log
+                  deletedCount++;
+                  console.log(`Deleted ${file.name} successfully`); // Debug log
+                } else {
+                  console.error(`Delete failed for ${file.name}: Invalid response`, response);
+                  toast.warning('Failed to delete file: Invalid server response');
+                }
+              } catch (deleteError) {
+                console.error(`Delete error for ${file.name}:`, deleteError);
+                toast.error('Error deleting file');
+              }
+            } else {
+              console.error(`Cannot delete ${file.name}: Invalid fileId or no match`, {
+                index,
+                fileId,
+                hasDeleteAttachment: !!props.attachmentAction?.deleteAttachment
+              }); // Debug log
+              toast.error('Failed to delete file: Invalid file data');
+            }
           }
-        }
-        if (deletedCount > 0) {
-          const newValue = updatedFileDetails.length > 0 ? JSON.stringify(updatedFileDetails) : '';
-          console.log('Updated cell.value:', newValue); // Debug log
-          handleChange({
-            ...cell,
-            value: newValue,
-            style: cell?.style,
-            inputType: cell?.inputType
-          });
-          setSelectedFiles(updatedFileDetails.map(file => new File([new Blob()], file.name)));
-          console.log('Updated selectedFiles:', updatedFileDetails); // Debug log
-          toast.success(`${deletedCount} file${deletedCount > 1 ? 's' : ''} deleted successfully`);
-        } else if (selected?.length) {
-          console.log('No files deleted, retaining original state'); // Debug log
-          const validFiles = updatedFileDetails.filter(file => file.id && file.name);
-          if (validFiles.length < updatedFileDetails.length) {
-            const newValue = validFiles.length > 0 ? JSON.stringify(validFiles) : '';
-            console.log('Cleaning invalid files, new cell.value:', newValue); // Debug log
+          // Update cell value and selected files
+          if (deletedCount > 0) {
+            const newValue = updatedFileDetails.length > 0 ? JSON.stringify(updatedFileDetails) : '';
+            console.log('Updated cell.value:', newValue); // Debug log
             handleChange({
               ...cell,
               value: newValue,
               style: cell?.style,
               inputType: cell?.inputType
             });
-            setSelectedFiles(validFiles.map(file => new File([new Blob()], file.name)));
-            console.log('Updated selectedFiles after cleanup:', validFiles); // Debug log
+            setSelectedFiles(updatedFileDetails.map(file => new File([new Blob()], file.name)));
+            console.log('Updated selectedFiles:', updatedFileDetails); // Debug log
+            toast.success(`${deletedCount} file${deletedCount > 1 ? 's' : ''} deleted successfully`);
+          } else if (selected?.length) {
+            console.log('No files deleted, retaining original state'); // Debug log
+            const validFiles = updatedFileDetails.filter(file => file.id && file.name);
+            if (validFiles.length < updatedFileDetails.length) {
+              const newValue = validFiles.length > 0 ? JSON.stringify(validFiles) : '';
+              console.log('Cleaning invalid files, new cell.value:', newValue); // Debug log
+              handleChange({
+                ...cell,
+                value: newValue,
+                style: cell?.style,
+                inputType: cell?.inputType
+              });
+              setSelectedFiles(validFiles.map(file => new File([new Blob()], file.name)));
+              console.log('Updated selectedFiles after cleanup:', validFiles); // Debug log
+              toast.error('Failed to delete file(s). Invalid file data detected.');
+            } else {
+              toast.error('Failed to delete file(s). No valid files removed.');
+            }
           }
-          toast.error('Failed to delete file(s). Invalid file data detected.');
+        } catch (error) {
+          console.error('Delete operation failed:', error);
+          toast.error('Delete operation failed');
         }
-      } catch (error) {
-        console.error('Delete operation failed:', error);
-        toast.error('Delete operation failed');
       }
+    } catch (error) {
+      console.error('handleFilesChange error:', error);
+      toast.error('Operation failed');
     }
   };
   const handleClick = e => {