@idealyst/files 1.2.97 → 1.2.98

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/files",
-  "version": "1.2.97",
+  "version": "1.2.98",
   "description": "Cross-platform file picker, upload, and local file management for React and React Native",
   "documentation": "https://github.com/IdealystIO/idealyst-framework/tree/main/packages/files#readme",
   "readme": "README.md",
@@ -37,8 +37,8 @@
     "publish:npm": "npm publish"
   },
   "peerDependencies": {
-    "@idealyst/components": "^1.2.97",
-    "@idealyst/theme": "^1.2.97",
+    "@idealyst/components": "^1.2.98",
+    "@idealyst/theme": "^1.2.98",
     "react": ">=16.8.0",
     "react-native": ">=0.60.0",
     "react-native-document-picker": ">=9.0.0",
@@ -66,8 +66,8 @@
     }
   },
   "devDependencies": {
-    "@idealyst/components": "^1.2.97",
-    "@idealyst/theme": "^1.2.97",
+    "@idealyst/components": "^1.2.98",
+    "@idealyst/theme": "^1.2.98",
     "@types/react": "^19.1.0",
     "@types/react-native": "^0.73.0",
     "react": "^19.1.0",

package/src/permissions/permissions.native.ts

@@ -1,14 +1,5 @@
 import type { PermissionStatus, PermissionResult } from '../types';
-
-// Lazy load react-native-image-picker for permission checks
-let ImagePicker: typeof import('react-native-image-picker') | null = null;
-
-async function getImagePicker() {
-  if (!ImagePicker) {
-    ImagePicker = await import('react-native-image-picker');
-  }
-  return ImagePicker;
-}
+import { launchCamera, launchImageLibrary } from 'react-native-image-picker';
 
 /**
  * Map image picker permission to our PermissionStatus.
@@ -35,10 +26,8 @@ function mapPermissionStatus(status: string): PermissionStatus {
  */
 export async function checkPhotoLibraryPermission(): Promise<PermissionStatus> {
   try {
-    const imagePicker = await getImagePicker();
-
     // Check if the library exists and has the right method
-    if (typeof imagePicker.launchImageLibrary !== 'function') {
+    if (typeof launchImageLibrary !== 'function') {
       return 'unavailable';
     }
 
@@ -55,12 +44,10 @@ export async function checkPhotoLibraryPermission(): Promise<PermissionStatus> {
  */
 export async function requestPhotoLibraryPermission(): Promise<PermissionStatus> {
   try {
-    const imagePicker = await getImagePicker();
-
     // Launch the image library to trigger permission request
     // This is a common pattern since react-native-image-picker doesn't expose
     // a direct permission request API
-    const result = await imagePicker.launchImageLibrary({
+    const result = await launchImageLibrary({
       mediaType: 'mixed',
       selectionLimit: 0,
     });
@@ -91,9 +78,7 @@ export async function requestPhotoLibraryPermission(): Promise<PermissionStatus>
  */
 export async function checkCameraPermission(): Promise<PermissionStatus> {
   try {
-    const imagePicker = await getImagePicker();
-
-    if (typeof imagePicker.launchCamera !== 'function') {
+    if (typeof launchCamera !== 'function') {
       return 'unavailable';
     }
 
@@ -108,10 +93,8 @@ export async function checkCameraPermission(): Promise<PermissionStatus> {
  */
 export async function requestCameraPermission(): Promise<PermissionStatus> {
   try {
-    const imagePicker = await getImagePicker();
-
     // Launch camera to trigger permission request
-    const result = await imagePicker.launchCamera({
+    const result = await launchCamera({
       mediaType: 'photo',
       saveToPhotos: false,
     });

package/src/picker/FilePicker.native.ts

@@ -23,24 +23,9 @@ import {
   getFileExtension,
 } from '../utils';
 import { checkPermissions, requestPermissions } from '../permissions/permissions.native';
-
-// Lazy load native modules
-let DocumentPicker: typeof import('react-native-document-picker') | null = null;
-let ImagePicker: typeof import('react-native-image-picker') | null = null;
-
-async function getDocumentPicker() {
-  if (!DocumentPicker) {
-    DocumentPicker = await import('react-native-document-picker');
-  }
-  return DocumentPicker;
-}
-
-async function getImagePicker() {
-  if (!ImagePicker) {
-    ImagePicker = await import('react-native-image-picker');
-  }
-  return ImagePicker;
-}
+import DocumentPicker, { type DocumentPickerResponse } from 'react-native-document-picker';
+import { launchCamera, launchImageLibrary, type ImagePickerResponse } from 'react-native-image-picker';
+import ReactNativeBlobUtil from 'react-native-blob-util';
 
 type FilePickerEvents = {
   stateChange: [FilePickerStatus];
@@ -119,9 +104,7 @@ export class NativeFilePicker implements IFilePicker {
     this._updateState('picking');
 
     try {
-      const imagePicker = await getImagePicker();
-
-      const result = await imagePicker.launchCamera({
+      const result = await launchCamera({
         mediaType: this._mapMediaType(options?.mediaType || 'photo'),
         quality: (options?.quality || 80) / 100,
         durationLimit: options?.maxDuration,
@@ -199,11 +182,9 @@ export class NativeFilePicker implements IFilePicker {
   }
 
   private async _pickMedia(config: FilePickerConfig): Promise<FilePickerResult> {
-    const imagePicker = await getImagePicker();
-
     const mediaType = this._getMediaTypeFromConfig(config);
 
-    const result = await imagePicker.launchImageLibrary({
+    const result = await launchImageLibrary({
       mediaType,
       selectionLimit: config.multiple ? (config.maxFiles || 0) : 1,
       quality: (config.imageQuality || 80) / 100,
@@ -239,12 +220,10 @@ export class NativeFilePicker implements IFilePicker {
   }
 
   private async _pickDocuments(config: FilePickerConfig): Promise<FilePickerResult> {
-    const docPicker = await getDocumentPicker();
-
     const types = this._buildDocumentPickerTypes(config);
 
     try {
-      const results = await docPicker.default.pick({
+      const results = await DocumentPicker.pick({
         type: types,
         allowMultiSelection: config.multiple,
         copyTo: 'cachesDirectory',
@@ -261,8 +240,7 @@ export class NativeFilePicker implements IFilePicker {
         rejected,
       };
     } catch (error) {
-      const dp = await getDocumentPicker();
-      if (dp.default.isCancel(error)) {
+      if (DocumentPicker.isCancel(error)) {
         this._updateState('idle');
         return { cancelled: true, files: [], rejected: [] };
       }
@@ -305,7 +283,7 @@ export class NativeFilePicker implements IFilePicker {
   }
 
   private async _transformImagePickerResponse(
-    response: import('react-native-image-picker').ImagePickerResponse,
+    response: ImagePickerResponse,
     config?: FilePickerConfig
   ): Promise<PickedFile[]> {
     const files: PickedFile[] = [];
@@ -334,7 +312,7 @@ export class NativeFilePicker implements IFilePicker {
   }
 
   private async _transformDocumentPickerResponse(
-    results: import('react-native-document-picker').DocumentPickerResponse[],
+    results: DocumentPickerResponse[],
     config?: FilePickerConfig
   ): Promise<PickedFile[]> {
     const files: PickedFile[] = [];
@@ -369,10 +347,8 @@ export class NativeFilePicker implements IFilePicker {
   }
 
   private async _readFileAsArrayBuffer(uri: string): Promise<ArrayBuffer> {
-    // Use react-native-blob-util for file reading
     try {
-      const BlobUtil = await import('react-native-blob-util');
-      const base64 = await BlobUtil.default.fs.readFile(uri.replace('file://', ''), 'base64');
+      const base64 = await ReactNativeBlobUtil.fs.readFile(uri.replace('file://', ''), 'base64');
       return this._base64ToArrayBuffer(base64);
     } catch {
       // Fallback: return empty buffer if reading fails
@@ -382,8 +358,7 @@ export class NativeFilePicker implements IFilePicker {
 
   private async _readFileAsBase64(uri: string): Promise<string> {
     try {
-      const BlobUtil = await import('react-native-blob-util');
-      return await BlobUtil.default.fs.readFile(uri.replace('file://', ''), 'base64');
+      return await ReactNativeBlobUtil.fs.readFile(uri.replace('file://', ''), 'base64');
     } catch {
       return '';
     }

package/src/uploader/FileUploader.native.ts

@@ -16,16 +16,7 @@ import {
 } from '../utils';
 import { UploadQueue } from './UploadQueue';
 import { ChunkedUploader } from './ChunkedUploader';
-
-// Lazy load react-native-blob-util
-let BlobUtil: typeof import('react-native-blob-util') | null = null;
-
-async function getBlobUtil() {
-  if (!BlobUtil) {
-    BlobUtil = await import('react-native-blob-util');
-  }
-  return BlobUtil.default;
-}
+import ReactNativeBlobUtil from 'react-native-blob-util';
 
 interface UploadTask {
   cancel: () => void;
@@ -171,8 +162,6 @@ export class NativeFileUploader implements IFileUploader {
     const { id, file, config } = upload;
 
     try {
-      const RNBlobUtil = await getBlobUtil();
-
       // Get file path
       const filePath = file.uri.replace('file://', '');
 
@@ -182,7 +171,7 @@ export class NativeFileUploader implements IFileUploader {
           name: config.fieldName,
           filename: file.name,
           type: file.type,
-          data: RNBlobUtil.wrap(filePath),
+          data: ReactNativeBlobUtil.wrap(filePath),
         },
       ];
 
@@ -197,7 +186,7 @@ export class NativeFileUploader implements IFileUploader {
       }
 
       // Create upload task
-      const task = RNBlobUtil.fetch(
+      const task = ReactNativeBlobUtil.fetch(
         config.method,
         config.url,
         {
@@ -266,13 +255,11 @@ export class NativeFileUploader implements IFileUploader {
     const { id, file, config } = upload;
 
     try {
-      const RNBlobUtil = await getBlobUtil();
-
       // Get file path
       const filePath = file.uri.replace('file://', '');
 
       // Configure for background upload
-      const sessionConfig = RNBlobUtil.config({
+      const sessionConfig = ReactNativeBlobUtil.config({
         IOSBackgroundTask: true,
         indicator: true,
         timeout: config.timeout,
@@ -284,7 +271,7 @@ export class NativeFileUploader implements IFileUploader {
           name: config.fieldName,
           filename: file.name,
           type: file.type,
-          data: RNBlobUtil.wrap(filePath),
+          data: ReactNativeBlobUtil.wrap(filePath),
         },
       ];