@widergy/mobile-ui 2.1.0 → 2.1.2

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [2.1.2](https://github.com/widergy/mobile-ui/compare/v2.1.1...v2.1.2) (2025-10-30)
+
+
+### Bug Fixes
+
+* [CX-1362] attachment name lost on back step ([c392792](https://github.com/widergy/mobile-ui/commit/c392792e941767072adad41c0701b672720c2745))
+
+## [2.1.1](https://github.com/widergy/mobile-ui/compare/v2.1.0...v2.1.1) (2025-10-20)
+
+
+### Bug Fixes
+
+* attachment upload failure ([#461](https://github.com/widergy/mobile-ui/issues/461)) ([49ed4d1](https://github.com/widergy/mobile-ui/commit/49ed4d1a5100b259c579325cc6cf36af5e33ea04))
+
 # [2.1.0](https://github.com/widergy/mobile-ui/compare/v2.0.2...v2.1.0) (2025-10-17)
 
 

package/lib/components/FilePicker/index.js

@@ -31,6 +31,13 @@ class FilePicker extends Component {
       allowedPDFUploadSizes,
       pdfFormatError
     } = this.props;
+
+    const getRealFileType = mimeType => {
+      if (!mimeType || typeof mimeType !== 'string') return null;
+      const parts = mimeType.split('/');
+      return parts[1]?.toLowerCase() || null;
+    };
+
     try {
       const normalizeTypes = types => {
         if (!types || types.length === 0) return DEFAULT_ALLOWED_TYPES;
@@ -71,7 +78,8 @@ class FilePicker extends Component {
         onMaxSizeError(document.size, maxFileByteSize);
         return;
       }
-      const file = !avoidRetrieveFile && (await retrieveFile(document.uri, document.type));
+      const realFileType = getRealFileType(document.type);
+      const file = !avoidRetrieveFile && (await retrieveFile(document.uri, realFileType));
 
       if (file && isPDF && !isEmpty(allowedPDFUploadSizes)) {
         const isWrongFormat = await pdfAspectRatioValidation(file, allowedPDFUploadSizes);
@@ -85,7 +93,7 @@ class FilePicker extends Component {
         }
       }
       if (onChange) {
-        onChange(avoidRetrieveFile ? { document } : { file: blobToFile(file, document.type) });
+        onChange(avoidRetrieveFile ? { document } : { file: blobToFile(file, realFileType) });
       }
       this.setState({ fileName: document.name });
     } catch (err) {

package/lib/components/ImagePicker/index.js

@@ -57,7 +57,14 @@ const ImagePickerComponent = ({
         onError('No se pudo obtener el archivo');
         return;
       }
-      const file = !avoidRetrieveFile && (await retrieveFile(item.uri, item.type));
+      const getRealFileType = mimeType => {
+        if (!mimeType || typeof mimeType !== 'string') return null;
+        const parts = mimeType.split('/');
+        return parts[1]?.toLowerCase() || null;
+      };
+      const realFileType = getRealFileType(item.type);
+
+      const file = !avoidRetrieveFile && (await retrieveFile(item.uri, realFileType));
       if (!avoidRetrieveFile && !file) {
         onError(response.errorCode);
         return;

package/lib/components/MultipleFilePicker/index.js

@@ -79,6 +79,12 @@ const MultipleFilePicker = ({
 
   const remainingSlots = () => Math.max((maxFiles || 0) - uploadedFiles.length, 0);
 
+  const getRealFileType = mimeType => {
+    if (!mimeType || typeof mimeType !== 'string') return null;
+    const parts = mimeType.split('/');
+    return parts[1]?.toLowerCase() || null;
+  };
+
   const handleAssets = async response => {
     if (!response || response.didCancel) {
       return;
@@ -89,7 +95,8 @@ const MultipleFilePicker = ({
     }
     closeDrawer();
     response.assets.forEach(async asset => {
-      const file = await retrieveFile(asset.uri, asset.type);
+      const realFileType = getRealFileType(asset.mimeType);
+      const file = await retrieveFile(asset.uri, realFileType);
       if (!file) {
         onError(response.errorCode || 'No se pudo obtener el archivo');
         return;
@@ -98,7 +105,7 @@ const MultipleFilePicker = ({
       if (isFileSizeInvaid({ size: file.size }, maxFileByteSize, onMaxSizeError)) return;
       setNewFile({
         uploadFile: { name: file.data.name, size: file.data.size },
-        rawFile: blobToFile(file, asset.type)
+        rawFile: blobToFile(file, realFileType)
       });
     });
   };
@@ -173,7 +180,7 @@ const MultipleFilePicker = ({
 
       setNewFile({
         uploadFile: { name: document.name, size: document.size },
-        rawFile: blobToFile(file, document.type)
+        rawFile: blobToFile(file, document.type, document.name)
       });
       added += 1;
     }

package/lib/components/MultipleFilePicker/utils.js

@@ -150,8 +150,8 @@ export const getInitialValuesFrom = files =>
   files
     ?.map(fileBlob => {
       // eslint-disable-next-line no-underscore-dangle
-      const fileData = fileBlob?.file?._data || {};
+      const fileData = fileBlob?._data || {};
 
-      return fileData ? { name: fileData?.name, size: fileData?.size } : null;
+      return fileData ? { name: fileBlob?.name || fileData?.name, size: fileData?.size } : null;
     })
     .filter(file => file !== null) || [];

package/lib/utils/fileUtils.js/index.js

@@ -11,7 +11,8 @@ export const isImageByUri = uri => {
   return uCaseUri.includes('.JPG') || uCaseUri.includes('.JPEG') || uCaseUri.includes('PNG');
 };
 
-export const blobToFile = (blob, type) => new File([blob], blob.data.name, { type });
+export const blobToFile = (blob, type, customName) =>
+  new File([blob], customName || blob.data?.name || blob.name || 'archivo', { type });
 
 // We use the XMLHttpRequest API since the fetch API does not behave correctly under new sdks on Android
 export const uriToBlob = uri => {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@widergy/mobile-ui",
   "description": "Widergy Mobile Components",
   "author": "widergy",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "repository": "https://github.com/widergy/mobile-ui.git",
   "main": "lib/index.js",
   "files": [