@herca/rn-kit 0.1.100 → 0.1.102

package/lib/module/Input/README_INPUT_FILE.md

@@ -1,13 +1,16 @@
 # 📂 InputFile Component
 
-Komponen `InputFile` digunakan untuk mengunggah, menampilkan, mengganti, menghapus, serta memberi label pada dokumen atau gambar di aplikasi React Native.
-Mendukung **camera**, **gallery**, dan **document picker** dengan tampilan preview dan konfirmasi aksi.
+Komponen `InputFile` digunakan untuk mengunggah, menampilkan, mengganti, dan menghapus dokumen atau gambar di aplikasi React Native. Mendukung **camera**, **gallery**, dan **document picker** dengan fitur upload otomatis ke server, validasi ukuran file, loading state, dan konfirmasi aksi.
 
 ---
 
 ## ✨ Fitur
 
 - Upload file dari **kamera**, **galeri**, atau **dokumen perangkat**.
+- **Auto-upload ke server** setiap kali file dipilih via `uploadConfig`.
+- **Validasi ukuran file** per file sebelum diproses.
+- **Loading state** (`uploading: true`) selama proses upload berlangsung.
+- **Error state** otomatis jika upload gagal (HTTP error / network error).
 - Preview file (gambar atau dokumen).
 - Mendukung **multiple file upload**.
 - Ganti file (replace) atau hapus file dengan konfirmasi.
@@ -20,17 +23,18 @@ Mendukung **camera**, **gallery**, dan **document picker** dengan tampilan previ
 
 ## 📦 Dependencies
 
-Komponen ini membutuhkan beberapa library:
-
-- [`@react-native-documents/picker`](https://github.com/react-native-documents/picker)
-- [`@react-native-documents/viewer`](https://github.com/react-native-documents/viewer)
-- [`react-native-image-picker`](https://github.com/react-native-image-picker/react-native-image-picker)
+| Library                                                                                               | Kegunaan                        |
+| ----------------------------------------------------------------------------------------------------- | ------------------------------- |
+| [`@react-native-documents/picker`](https://github.com/react-native-documents/picker)                  | Pick file dari storage          |
+| [`@react-native-documents/viewer`](https://github.com/react-native-documents/viewer)                  | Preview dokumen                 |
+| [`react-native-image-picker`](https://github.com/react-native-image-picker/react-native-image-picker) | Akses kamera & galeri           |
+| [`react-native-blob-util`](https://github.com/RonRadtke/react-native-blob-util)                       | Upload file multipart ke server |
 
 ---
 
 ## 🚀 Penggunaan
 
-### Variant Default (Full Features)
+### Variant Default (tanpa upload otomatis)
 
 ```tsx
 import InputFile from '@/components/Input/InputFile';
@@ -41,7 +45,6 @@ export default function ExampleScreen() {
 
   return (
     <InputFile
-      variant="default" // atau bisa dihilangkan (default)
       title="Upload Dokumen"
       description="Format file: JPG, PNG, PDF"
       hint="Maksimal ukuran file 5MB"
@@ -54,25 +57,46 @@ export default function ExampleScreen() {
         label: 'Nama Dokumen',
         placeholder: 'Masukkan nama dokumen',
       }}
-      modalPickFileText={{
-        title: 'Pilih Sumber',
-        description: 'Unggah dokumen atau ambil foto',
-        camera: { title: 'Kamera', description: 'Ambil foto langsung' },
-        gallery: { title: 'Galeri', description: 'Pilih gambar dari galeri' },
-        document: {
-          title: 'Dokumen',
-          description: 'Pilih file dari perangkat',
+      onChange={(newFiles) => setFiles(newFiles)}
+    />
+  );
+}
+```
+
+### Variant Default (dengan auto-upload ke server)
+
+```tsx
+import InputFile from '@/components/Input/InputFile';
+import { useState } from 'react';
+
+export default function ExampleScreen() {
+  const [files, setFiles] = useState<any[]>([]);
+
+  return (
+    <InputFile
+      title="Upload KTP"
+      description="Format file: JPG, PNG, PDF. Maksimal 5MB."
+      multiple={false}
+      value={files}
+      uploadConfig={{
+        url: 'https://api.example.com/upload',
+        method: 'POST',
+        fieldName: 'file',
+        headers: { Authorization: 'Bearer your-token' },
+        maxSize: 5 * 1024 * 1024, // 5MB
+        maxSizeErrorMessage: 'File tidak boleh lebih dari 5MB',
+        errorMessage: 'Gagal mengupload file, coba lagi',
+        onUploadSuccess: (results) => {
+          console.log('Upload berhasil:', results);
         },
-      }}
-      modalDeleteText={{
-        title: 'Hapus File?',
-        description: 'Apakah kamu yakin ingin menghapus file ini?',
-        confirmBtn: {
-          confirm: 'Ya, Hapus',
-          cancel: 'Batal',
+        onError: (file, errorMsg) => {
+          console.warn('Upload gagal:', file, errorMsg);
         },
       }}
-      onChange={(newFiles) => setFiles(newFiles)}
+      onChange={(updatedFiles) => {
+        // updatedFiles berisi FileItem[] dengan uploadedData dari server
+        setFiles(updatedFiles);
+      }}
     />
   );
 }
@@ -96,7 +120,7 @@ export default function ExampleScreen() {
       value={files}
       hasError={false}
       onChange={(newFiles) => setFiles(newFiles)}
-      // ❌ description, hint, useChangeLabel, changeLableProps TIDAK BISA dipakai di variant small
+      // ❌ description, hint, useChangeLabel, changeLableProps tidak tersedia di variant small
     />
   );
 }
@@ -108,80 +132,99 @@ export default function ExampleScreen() {
 
 ### Base Props (Tersedia di Semua Variant)
 
-| Prop                | Tipe                              | Default                                          | Deskripsi                                                 |
-| ------------------- | --------------------------------- | ------------------------------------------------ | --------------------------------------------------------- |
-| `title`             | `string`                          | `"Upload File"`                                  | Judul input file.                                         |
-| `accept`            | `string[]`                        | `["application/pdf", "image/jpeg", "image/png"]` | Tipe MIME file yang diizinkan.                            |
-| `multiple`          | `boolean`                         | `false`                                          | Jika `true`, memungkinkan memilih banyak file sekaligus.  |
-| `value`             | `any[]`                           | `[]`                                             | Daftar file yang sudah dipilih (state dari parent).       |
-| `onChange`          | `(files: any[]) => void`          | `undefined`                                      | Callback saat daftar file berubah (add, replace, delete). |
-| `btnChooseFileText` | `string`                          | `"Choose File"`                                  | Label tombol untuk memilih file.                          |
-| `modalPickFileText` | `ModalPickFileText` (lihat bawah) | `undefined`                                      | Teks kustom pada modal pemilihan sumber file.             |
-| `modalDeleteText`   | `ModalOption & confirmBtn`        | `undefined`                                      | Teks kustom pada modal konfirmasi hapus file.             |
-| `hasError`          | `boolean`                         | `false`                                          | Menampilkan state error pada input.                       |
-
-### Variant-Specific Props
-
-#### Default Variant (`variant?: 'default'`)
-
-| Prop               | Tipe                             | Default                                   | Deskripsi                                                    |
-| ------------------ | -------------------------------- | ----------------------------------------- | ------------------------------------------------------------ |
-| `variant`          | `'default'`                      | `'default'`                               | Variant default dengan fitur lengkap.                        |
-| `description`      | `string`                         | `"File harus berformat JPG, PNG dan PDF"` | Deskripsi singkat tentang file yang diterima.                |
-| `hint`             | `string`                         | `undefined`                               | Teks hint tambahan di bawah input.                           |
-| `useChangeLabel`   | `boolean`                        | `false`                                   | Jika `true`, menampilkan input untuk memberi nama pada file. |
-| `changeLableProps` | `ChangeLabelProps` (lihat bawah) | `undefined`                               | Teks kustom pada input label di atas preview file.           |
-
-#### Small Variant (`variant: 'small'`)
+| Prop                | Tipe                       | Default                                          | Deskripsi                                                                                                                          |
+| ------------------- | -------------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- |
+| `title`             | `string`                   | `"Upload File"`                                  | Judul input file.                                                                                                                  |
+| `accept`            | `string[]`                 | `["application/pdf", "image/jpeg", "image/png"]` | Tipe MIME file yang diizinkan.                                                                                                     |
+| `multiple`          | `boolean`                  | `false`                                          | Jika `true`, memungkinkan memilih banyak file sekaligus.                                                                           |
+| `value`             | `any[]`                    | `[]`                                             | Daftar file yang sudah dipilih (state dari parent).                                                                                |
+| `onChange`          | `(files: any[]) => void`   | `undefined`                                      | Callback saat daftar file berubah (add, replace, delete). Menerima `FileItem[]` (dengan `uploadedData` jika `uploadConfig` diset). |
+| `btnChooseFileText` | `string`                   | `"Choose File"`                                  | Label tombol untuk memilih file.                                                                                                   |
+| `uploadConfig`      | `UploadConfig`             | `undefined`                                      | Konfigurasi upload otomatis ke server. Jika tidak diset, file hanya disimpan di local state.                                       |
+| `modalPickFileText` | `ModalPickFileText`        | `undefined`                                      | Teks kustom pada modal pemilihan sumber file.                                                                                      |
+| `modalDeleteText`   | `ModalOption & confirmBtn` | `undefined`                                      | Teks kustom pada modal konfirmasi hapus file.                                                                                      |
+| `hasError`          | `boolean`                  | `false`                                          | Menampilkan state error pada input.                                                                                                |
+
+### Default Variant Props (`variant?: 'default'`)
+
+| Prop               | Tipe               | Default                                   | Deskripsi                                                    |
+| ------------------ | ------------------ | ----------------------------------------- | ------------------------------------------------------------ |
+| `variant`          | `'default'`        | `'default'`                               | Variant default dengan fitur lengkap.                        |
+| `description`      | `string`           | `"File harus berformat JPG, PNG dan PDF"` | Deskripsi singkat tentang file yang diterima.                |
+| `hint`             | `string`           | `undefined`                               | Teks hint tambahan di bawah input.                           |
+| `useChangeLabel`   | `boolean`          | `false`                                   | Jika `true`, menampilkan input untuk memberi nama pada file. |
+| `changeLableProps` | `ChangeLabelProps` | `undefined`                               | Kustomisasi label dan placeholder input nama dokumen.        |
+
+### Small Variant Props (`variant: 'small'`)
 
 | Prop      | Tipe      | Default | Deskripsi                             |
 | --------- | --------- | ------- | ------------------------------------- |
-| `variant` | `'small'` | -       | Variant compact tanpa fitur tambahan. |
+| `variant` | `'small'` | —       | Variant compact tanpa fitur tambahan. |
 
-> ⚠️ **Catatan**: Props `description`, `hint`, `useChangeLabel`, dan `changeLableProps` **TIDAK TERSEDIA** di variant `small`. TypeScript akan menampilkan error jika props ini digunakan dengan `variant: 'small'`.
+> ⚠️ Props `description`, `hint`, `useChangeLabel`, dan `changeLableProps` **tidak tersedia** di variant `small`. TypeScript akan error jika props ini digunakan bersama `variant: 'small'`.
 
 ---
 
-## 🔤 Tipe Tambahan
+## 🔧 UploadConfig
 
-### `ModalOption`
+Konfigurasi untuk mengaktifkan auto-upload ke server setiap kali file dipilih.
 
 ```ts
-interface ModalOption {
-  title?: string;
-  description?: string;
+interface UploadConfig {
+  url: string;
+  method?: 'POST' | 'PUT' | 'PATCH'; // default: 'POST'
+  fieldName?: string; // default: 'file'
+  headers?: Record<string, string>;
+  maxSize?: number; // dalam bytes, misal 5MB = 5 * 1024 * 1024
+  maxSizeErrorMessage?: string; // pesan error jika file melebihi maxSize
+  errorMessage?: string; // pesan error jika upload gagal
+  onUploadSuccess?: (results: UploadedFile<unknown>[]) => void;
+  onError?: (file: FileItem, error: string) => void;
 }
 ```
 
-### `ModalPickFileText`
+### Alur Upload
 
-```ts
-interface ModalPickFileText {
-  title?: string;
-  description?: string;
-  camera?: ModalOption;
-  gallery?: ModalOption;
-  document?: ModalOption;
-}
 ```
-
-### `ModalDeleteText`
-
-```ts
-type ModalDeleteText = ModalOption & {
-  confirmBtn?: {
-    confirm?: string;
-    cancel?: string;
-  };
-};
+User pick file
+  → validasi maxSize
+    → gagal: tampilkan internalErrorMessage, stop
+    → lolos: set uploading: true di UI
+      → upload ke server
+        → sukses: set uploadedData, uploading: false
+        → gagal (HTTP error / network): set error: true, hint: errorMessage, uploading: false
+          → onChange dipanggil dengan FileItem[] terbaru
 ```
 
-### `ChangeLabelProps`
+### Data yang diterima `onChange` saat uploadConfig aktif
+
+`onChange` menerima `FileItem[]` dimana setiap item berisi data asli file **plus** `uploadedData` dari server:
 
 ```ts
-interface ChangeLabelProps {
-  label?: string;
-  placeholder?: string;
+// contoh item di dalam array onChange
+{
+  // data asli dari picker/camera/gallery
+  uri: "file:///...",
+  fileName: "foto.jpg",
+  fileSize: 105629,
+  width: 562,
+  height: 1000,
+  type: "image/jpg",
+
+  // ditambahkan oleh komponen
+  uploading: false,
+  error: false,
+  uploadedData: {
+    message: "File berhasil diunggah",
+    data: {
+      url: "https://cdn.example.com/uploads/foto.jpg",
+      path: "uploads/foto.jpg",
+      name: "foto.jpg",
+      extension: "jpg",
+      size: 105629,
+      mime_type: "image/jpeg"
+    }
+  }
 }
 ```
 
@@ -208,12 +251,58 @@ export interface ChangeLabelProps {
   placeholder?: string;
 }
 
+export interface PickedFile {
+  uri: string;
+  name: string;
+  type: string;
+  size?: number;
+}
+
+export interface ImageAsset {
+  uri?: string;
+  fileName?: string;
+  type?: string;
+  fileSize?: number;
+  width?: number;
+  height?: number;
+}
+
+export interface UploadedFile<UploadedData> {
+  id: string;
+  originalName: string;
+  customName?: string;
+  uploadedData: UploadedData | null;
+}
+
+export interface UploadConfig {
+  url: string;
+  method?: 'POST' | 'PUT' | 'PATCH';
+  fieldName?: string;
+  headers?: Record<string, string>;
+  maxSize?: number;
+  maxSizeErrorMessage?: string;
+  errorMessage?: string;
+  onUploadSuccess?: (results: UploadedFile<unknown>[]) => void;
+  onError?: (file: FileItem, error: string) => void;
+}
+
+export type FileItemExtras = {
+  labelFile?: string;
+  hint?: string;
+  error?: boolean;
+  uploading?: boolean;
+  uploadedData?: unknown;
+};
+
+export type FileItem = (PickedFile | ImageAsset) & FileItemExtras;
+
 type BaseInputFileProps = {
   title?: string;
   accept?: string[];
   multiple?: boolean;
   onChange?: (files: any) => void;
   value?: any[];
+  uploadConfig?: UploadConfig;
   modalPickFileText?: ModalPickFileText;
   btnChooseFileText?: string;
   modalDeleteText?: ModalOption & {
@@ -246,29 +335,14 @@ type InputFileProps = DefaultVariantProps | SmallVariantProps;
 
 ---
 
-### Variant Default
-
-- **Card input awal** → tombol pilih file + icon ilustrasi + description + hint.
-- **Preview file** → menampilkan nama, ukuran, icon (atau thumbnail jika image).
-- **Input label** (jika `useChangeLabel: true`) → input text untuk memberi nama dokumen.
-- **Aksi file**:
-  - 🔄 Replace
-  - ❌ Delete
-  - 👁 Preview (buka dokumen dengan `viewDocument`)
-
-### Variant Small
-
-- **Compact card** → tombol pilih file dengan tampilan lebih ringkas.
-- **Preview file** → tampilan minimal tanpa label/hint tambahan.
-- **Aksi file**: sama seperti variant default (replace, delete, preview).
-
----
-
 ## 🛠 Catatan
 
-1. Pastikan permission kamera & storage sudah diatur (Android/iOS).
-2. File hasil picker akan memiliki property standar (`uri`, `type`, `name`, `size`).
-3. Untuk **multiple upload**, `value` berupa array file yang akan dikelola oleh parent.
-4. **Variant `small`** cocok untuk form yang membutuhkan tampilan compact tanpa deskripsi dan hint.
-5. **Variant `default`** cocok untuk form yang membutuhkan instruksi detail dan fitur labeling dokumen.
-6. TypeScript akan memberikan error compile-time jika props yang tidak sesuai variant digunakan.
+1. Pastikan permission kamera & storage sudah diatur di `Info.plist` (iOS) dan `AndroidManifest.xml` (Android).
+2. `uploadConfig.maxSize` divalidasi **sebelum** file diupload. File yang melebihi batas tidak akan diproses sama sekali.
+3. Upload menggunakan `multipart/form-data`. Pastikan server menerima format ini.
+4. HTTP error (4xx, 5xx) akan di-treat sebagai upload gagal — `uploadedData` akan bernilai `null` dan `error: true` di-set pada file tersebut.
+5. Saat `uploading: true`, komponen menampilkan loading indicator di preview file. Pastikan `ItemPreview` menangani prop ini.
+6. `useEffect` yang sync `value` ke internal state tidak akan berjalan selama ada file yang sedang uploading, untuk mencegah state reset di tengah proses upload.
+7. Untuk **multiple upload**, semua file diupload secara paralel via `Promise.all`.
+8. **Variant `small`** cocok untuk form compact tanpa deskripsi dan hint tambahan.
+9. **Variant `default`** cocok untuk form yang membutuhkan instruksi detail dan fitur labeling dokumen.

package/lib/module/Input/TextArea.js

@@ -12,6 +12,7 @@ export default function TextArea({
   style,
   hint,
   onChangeText,
+  required,
   ...props
 }) {
   const handleOnChangeText = value => {
@@ -20,6 +21,7 @@ export default function TextArea({
   return /*#__PURE__*/_jsxs(View, {
     style: styles.gap,
     children: [label ? /*#__PURE__*/_jsx(LabelForm, {
+      required: required,
       title: label
     }) : null, /*#__PURE__*/_jsx(View, {
       style: [styles.container, {

package/lib/module/Input/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","TextInput","View","LabelForm","Color","Typography","jsx","_jsx","jsxs","_jsxs","TextArea","height","label","hasError","style","hint","onChangeText","props","handleOnChangeText","value","styles","gap","children","title","container","borderColor","danger","gray","editable","multiline","numberOfLines","input","textAlignVertical","placeholderTextColor","color","variant","create","position","borderRadius","borderWidth","backgroundColor","base","white100","fontSize","padding","flex"],"sourceRoot":"../../../src","sources":["Input/TextArea.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC1D,OAAOC,SAAS,MAAM,2BAAwB;AAC9C,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,UAAU,MAAM,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGlD,eAAe,SAASC,QAAQA,CAAC;EAC/BC,MAAM,GAAG,GAAG;EACZC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,IAAI;EACJC,YAAY;EACZ,GAAGC;AACU,CAAC,EAAE;EAChB,MAAMC,kBAAkB,GAAIC,KAAa,IAAK;IAC5CH,YAAY,GAAGG,KAAK,CAAC;EACvB,CAAC;EAED,oBACEV,KAAA,CAACP,IAAI;IAACY,KAAK,EAAEM,MAAM,CAACC,GAAI;IAAAC,QAAA,GACrBV,KAAK,gBAAGL,IAAA,CAACJ,SAAS;MAACoB,KAAK,EAAEX;IAAM,CAAE,CAAC,GAAG,IAAI,eAE3CL,IAAA,CAACL,IAAI;MACHY,KAAK,EAAE,CACLM,MAAM,CAACI,SAAS,EAChB;QACEC,WAAW,EAAEZ,QAAQ,GAAGT,KAAK,CAACsB,MAAM,CAAC,GAAG,CAAC,GAAGtB,KAAK,CAACuB,IAAI,CAAC,GAAG,CAAC;QAC3DhB;MACF,CAAC,CACD;MAAAW,QAAA,eAEFf,IAAA,CAACN,SAAS;QACRe,YAAY,EAAEE,kBAAmB;QACjCU,QAAQ;QACRC,SAAS;QACTC,aAAa,EAAE,EAAG;QAClBhB,KAAK,EAAE,CAACM,MAAM,CAACW,KAAK,EAAEjB,KAAK,CAAE;QAC7BkB,iBAAiB,EAAC,KAAK;QACvBC,oBAAoB,EAAE7B,KAAK,CAACuB,IAAI,CAAC,GAAG,CAAE;QAAA,GAClCV;MAAK,CACV;IAAC,CACE,CAAC,EACNF,IAAI,gBACHR,IAAA,CAACF,UAAU;MAAC6B,KAAK,EAAErB,QAAQ,GAAGT,KAAK,CAACsB,MAAM,CAAC,GAAG,CAAC,GAAG,EAAG;MAACS,OAAO,EAAC,IAAI;MAAAb,QAAA,EAC/DP;IAAI,CACK,CAAC,GACX,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,MAAMK,MAAM,GAAGpB,UAAU,CAACoC,MAAM,CAAC;EAC/Bf,GAAG,EAAE;IACHA,GAAG,EAAE;EACP,CAAC;EACDG,SAAS,EAAE;IACTa,QAAQ,EAAE,UAAU;IACpBC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdC,eAAe,EAAEpC,KAAK,CAACqC,IAAI,CAACC;EAC9B,CAAC;EACDX,KAAK,EAAE;IACLY,QAAQ,EAAE,EAAE;IACZT,KAAK,EAAE,MAAM;IACbU,OAAO,EAAE,EAAE;IACXZ,iBAAiB,EAAE,KAAK;IACxBa,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","TextInput","View","LabelForm","Color","Typography","jsx","_jsx","jsxs","_jsxs","TextArea","height","label","hasError","style","hint","onChangeText","required","props","handleOnChangeText","value","styles","gap","children","title","container","borderColor","danger","gray","editable","multiline","numberOfLines","input","textAlignVertical","placeholderTextColor","color","variant","create","position","borderRadius","borderWidth","backgroundColor","base","white100","fontSize","padding","flex"],"sourceRoot":"../../../src","sources":["Input/TextArea.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC1D,OAAOC,SAAS,MAAM,2BAAwB;AAC9C,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,UAAU,MAAM,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGlD,eAAe,SAASC,QAAQA,CAAC;EAC/BC,MAAM,GAAG,GAAG;EACZC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,IAAI;EACJC,YAAY;EACZC,QAAQ;EACR,GAAGC;AACU,CAAC,EAAE;EAChB,MAAMC,kBAAkB,GAAIC,KAAa,IAAK;IAC5CJ,YAAY,GAAGI,KAAK,CAAC;EACvB,CAAC;EAED,oBACEX,KAAA,CAACP,IAAI;IAACY,KAAK,EAAEO,MAAM,CAACC,GAAI;IAAAC,QAAA,GACrBX,KAAK,gBAAGL,IAAA,CAACJ,SAAS;MAACc,QAAQ,EAAEA,QAAS;MAACO,KAAK,EAAEZ;IAAM,CAAE,CAAC,GAAG,IAAI,eAE/DL,IAAA,CAACL,IAAI;MACHY,KAAK,EAAE,CACLO,MAAM,CAACI,SAAS,EAChB;QACEC,WAAW,EAAEb,QAAQ,GAAGT,KAAK,CAACuB,MAAM,CAAC,GAAG,CAAC,GAAGvB,KAAK,CAACwB,IAAI,CAAC,GAAG,CAAC;QAC3DjB;MACF,CAAC,CACD;MAAAY,QAAA,eAEFhB,IAAA,CAACN,SAAS;QACRe,YAAY,EAAEG,kBAAmB;QACjCU,QAAQ;QACRC,SAAS;QACTC,aAAa,EAAE,EAAG;QAClBjB,KAAK,EAAE,CAACO,MAAM,CAACW,KAAK,EAAElB,KAAK,CAAE;QAC7BmB,iBAAiB,EAAC,KAAK;QACvBC,oBAAoB,EAAE9B,KAAK,CAACwB,IAAI,CAAC,GAAG,CAAE;QAAA,GAClCV;MAAK,CACV;IAAC,CACE,CAAC,EACNH,IAAI,gBACHR,IAAA,CAACF,UAAU;MAAC8B,KAAK,EAAEtB,QAAQ,GAAGT,KAAK,CAACuB,MAAM,CAAC,GAAG,CAAC,GAAG,EAAG;MAACS,OAAO,EAAC,IAAI;MAAAb,QAAA,EAC/DR;IAAI,CACK,CAAC,GACX,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,MAAMM,MAAM,GAAGrB,UAAU,CAACqC,MAAM,CAAC;EAC/Bf,GAAG,EAAE;IACHA,GAAG,EAAE;EACP,CAAC;EACDG,SAAS,EAAE;IACTa,QAAQ,EAAE,UAAU;IACpBC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdC,eAAe,EAAErC,KAAK,CAACsC,IAAI,CAACC;EAC9B,CAAC;EACDX,KAAK,EAAE;IACLY,QAAQ,EAAE,EAAE;IACZT,KAAK,EAAE,MAAM;IACbU,OAAO,EAAE,EAAE;IACXZ,iBAAiB,EAAE,KAAK;IACxBa,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/Input/helpers/uploadFile.js

@@ -0,0 +1,60 @@
+"use strict";
+
+// utils/uploadFile.ts
+import ReactNativeBlobUtil from 'react-native-blob-util';
+export async function uploadFile(file, config) {
+  const {
+    url,
+    method = 'POST',
+    fieldName = 'file',
+    headers = {},
+    errorMessage = 'Upload failed',
+    onError
+  } = config;
+  const uri = 'uri' in file ? file.uri : file.uri;
+  const name = 'name' in file ? file.name : file.fileName ?? 'file';
+  const type = 'type' in file ? file.type ?? 'application/octet-stream' : file.type ?? 'image/jpeg';
+  if (!uri) throw new Error('File URI is missing');
+  const id = `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+  try {
+    const response = await ReactNativeBlobUtil.fetch(method, url, {
+      'Content-Type': 'multipart/form-data',
+      ...headers
+    }, [{
+      name: fieldName,
+      filename: name,
+      type,
+      data: ReactNativeBlobUtil.wrap(uri.replace('file://', ''))
+    }]);
+    const statusCode = response.respInfo.status;
+    if (statusCode < 200 || statusCode >= 300) {
+      const errorBody = response.json();
+      const message = errorBody?.message ?? errorMessage;
+      onError?.(file, message);
+      return {
+        id,
+        originalName: name ?? '',
+        customName: file.labelFile,
+        uploadedData: null
+      };
+    }
+    const json = response.json();
+    const uploadedData = json;
+    return {
+      id,
+      originalName: String(name ?? 'Attachment'),
+      customName: file.labelFile,
+      uploadedData
+    };
+  } catch (err) {
+    const message = err?.message ?? errorMessage;
+    onError?.(file, message);
+    return {
+      id,
+      originalName: String(name ?? 'Attachment'),
+      customName: file.labelFile,
+      uploadedData: null
+    };
+  }
+}
+//# sourceMappingURL=uploadFile.js.map

package/lib/module/Input/helpers/uploadFile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReactNativeBlobUtil","uploadFile","file","config","url","method","fieldName","headers","errorMessage","onError","uri","name","fileName","type","Error","id","Date","now","Math","random","toString","slice","response","fetch","filename","data","wrap","replace","statusCode","respInfo","status","errorBody","json","message","originalName","customName","labelFile","uploadedData","String","err"],"sourceRoot":"../../../../src","sources":["Input/helpers/uploadFile.ts"],"mappings":";;AAAA;AACA,OAAOA,mBAAmB,MAAM,wBAAwB;AAGxD,OAAO,eAAeC,UAAUA,CAC9BC,IAAc,EACdC,MAAoB,EACM;EAC1B,MAAM;IACJC,GAAG;IACHC,MAAM,GAAG,MAAM;IACfC,SAAS,GAAG,MAAM;IAClBC,OAAO,GAAG,CAAC,CAAC;IACZC,YAAY,GAAG,eAAe;IAC9BC;EACF,CAAC,GAAGN,MAAM;EAEV,MAAMO,GAAG,GAAG,KAAK,IAAIR,IAAI,GAAGA,IAAI,CAACQ,GAAG,GAAGR,IAAI,CAACQ,GAAG;EAC/C,MAAMC,IAAI,GAAG,MAAM,IAAIT,IAAI,GAAGA,IAAI,CAACS,IAAI,GAAIT,IAAI,CAACU,QAAQ,IAAI,MAAO;EAEnE,MAAMC,IAAI,GACR,MAAM,IAAIX,IAAI,GACTA,IAAI,CAACW,IAAI,IAAI,0BAA0B,GACvCX,IAAI,CAACW,IAAI,IAAI,YAAa;EAEjC,IAAI,CAACH,GAAG,EAAE,MAAM,IAAII,KAAK,CAAC,qBAAqB,CAAC;EAEhD,MAAMC,EAAE,GAAG,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,IAAIC,IAAI,CAACC,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,EAAE;EAEjE,IAAI;IACF,MAAMC,QAAQ,GAAG,MAAMtB,mBAAmB,CAACuB,KAAK,CAC9ClB,MAAM,EACND,GAAG,EACH;MAAE,cAAc,EAAE,qBAAqB;MAAE,GAAGG;IAAQ,CAAC,EACrD,CACE;MACEI,IAAI,EAAEL,SAAS;MACfkB,QAAQ,EAAEb,IAAI;MACdE,IAAI;MACJY,IAAI,EAAEzB,mBAAmB,CAAC0B,IAAI,CAAChB,GAAG,CAACiB,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;IAC3D,CAAC,CAEL,CAAC;IAED,MAAMC,UAAU,GAAGN,QAAQ,CAACO,QAAQ,CAACC,MAAM;IAC3C,IAAIF,UAAU,GAAG,GAAG,IAAIA,UAAU,IAAI,GAAG,EAAE;MACzC,MAAMG,SAAS,GAAGT,QAAQ,CAACU,IAAI,CAAC,CAAC;MACjC,MAAMC,OAAO,GAAGF,SAAS,EAAEE,OAAO,IAAIzB,YAAY;MAClDC,OAAO,GAAGP,IAAI,EAAE+B,OAAO,CAAC;MACxB,OAAO;QACLlB,EAAE;QACFmB,YAAY,EAAEvB,IAAI,IAAI,EAAE;QACxBwB,UAAU,EAAEjC,IAAI,CAACkC,SAAS;QAC1BC,YAAY,EAAE;MAChB,CAAC;IACH;IAEA,MAAML,IAAI,GAAGV,QAAQ,CAACU,IAAI,CAAC,CAAC;IAC5B,MAAMK,YAAY,GAAGL,IAAS;IAE9B,OAAO;MACLjB,EAAE;MACFmB,YAAY,EAAEI,MAAM,CAAC3B,IAAI,IAAI,YAAY,CAAC;MAC1CwB,UAAU,EAAEjC,IAAI,CAACkC,SAAS;MAC1BC;IACF,CAAC;EACH,CAAC,CAAC,OAAOE,GAAQ,EAAE;IACjB,MAAMN,OAAO,GAAGM,GAAG,EAAEN,OAAO,IAAIzB,YAAY;IAC5CC,OAAO,GAAGP,IAAI,EAAE+B,OAAO,CAAC;IACxB,OAAO;MACLlB,EAAE;MACFmB,YAAY,EAAEI,MAAM,CAAC3B,IAAI,IAAI,YAAY,CAAC;MAC1CwB,UAAU,EAAEjC,IAAI,CAACkC,SAAS;MAC1BC,YAAY,EAAE;IAChB,CAAC;EACH;AACF","ignoreList":[]}

package/lib/module/Input/partials/InputFile/CardTriggerSmall.js

@@ -54,6 +54,7 @@ export default function CardTriggerSmall({
         variant: "small",
         index: index,
         file: file,
+        loading: file.uploading,
         onPress: () => onPreview?.(file),
         onDelete: () => onDelete?.(index),
         onReplace: () => onReplace?.(index)

package/lib/module/Input/partials/InputFile/CardTriggerSmall.js.map

@@ -1 +1 @@
-{"version":3,"names":["Image","ScrollView","StyleSheet","TouchableOpacity","View","Card","Color","Typography","Button","layouting","ItemPreview","spacing","jsx","_jsx","jsxs","_jsxs","CardTriggerSmall","title","textButton","onChooseFile","files","onDelete","onPreview","onReplace","hasError","Component","length","style","flex","row","gap","children","styles","card","grow","backgroundColor","gray","borderColor","danger","undefined","titleWrapper","col","onPress","source","require","image","imageSmall","variant","weight","color","size","contentContainerStyle","align","center","horizontal","map","file","index","create","borderStyle","flexDirection","alignItems","justifyContent","flexShrink","width","height"],"sourceRoot":"../../../../../src","sources":["Input/partials/InputFile/CardTriggerSmall.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Image","ScrollView","StyleSheet","TouchableOpacity","View","Card","Color","Typography","Button","layouting","ItemPreview","spacing","jsx","_jsx","jsxs","_jsxs","CardTriggerSmall","title","textButton","onChooseFile","files","onDelete","onPreview","onReplace","hasError","Component","length","style","flex","row","gap","children","styles","card","grow","backgroundColor","gray","borderColor","danger","undefined","titleWrapper","col","onPress","source","require","image","imageSmall","variant","weight","color","size","contentContainerStyle","align","center","horizontal","map","file","index","loading","uploading","create","borderStyle","flexDirection","alignItems","justifyContent","flexShrink","width","height"],"sourceRoot":"../../../../../src","sources":["Input/partials/InputFile/CardTriggerSmall.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Input/partials/InputFile/ItemPreview.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { Image, StyleSheet, TouchableOpacity, View } from 'react-native';
+import { ActivityIndicator, Image, StyleSheet, TouchableOpacity, View } from 'react-native';
 import Card from "../../../Ui/Card.js";
 import Color from "../../../Color/Color.js";
 import Typography from "../../../Typography/Typography.js";
@@ -12,7 +12,8 @@ export default function ItemPreview({
   index,
   onDelete,
   onReplace,
-  variant = 'default'
+  variant = 'default',
+  loading = false
 }) {
   const Wrapper = variant === 'default' ? Card : View;
   return /*#__PURE__*/_jsx(Wrapper, {
@@ -22,7 +23,12 @@ export default function ItemPreview({
       activeOpacity: 0.7,
       children: [/*#__PURE__*/_jsxs(View, {
         style: styles.containerListItem,
-        children: [file.type.startsWith('image') && /*#__PURE__*/_jsxs(View, {
+        children: [loading && /*#__PURE__*/_jsx(View, {
+          style: [styles.previewImage, styles.loading],
+          children: /*#__PURE__*/_jsx(ActivityIndicator, {
+            color: Color.primary[1000]
+          })
+        }), !loading && file?.type?.startsWith('image') && /*#__PURE__*/_jsxs(View, {
           style: (variant === 'small' ? styles.previewImageSmall : {}, variant === 'small' && file.error ? styles.previewImageError : {}),
           children: [variant === 'small' && /*#__PURE__*/_jsx(BtnIcon, {
             onPress: () => onDelete(index)
@@ -32,7 +38,7 @@ export default function ItemPreview({
             },
             style: [styles.previewImage, variant === 'small' && file.error ? styles.previewImageSmallError : {}]
           })]
-        }), !file.type.startsWith('image') && /*#__PURE__*/_jsxs(View, {
+        }), !loading && !file?.type?.startsWith('image') && /*#__PURE__*/_jsxs(View, {
           style: [styles.previewImage, variant === 'small' ? styles.previewImageSmall : {}, variant === 'small' && file.error ? styles.previewImageError : {}],
           children: [variant === 'small' && /*#__PURE__*/_jsx(BtnIcon, {
             onPress: () => onDelete(index)
@@ -126,6 +132,11 @@ const styles = StyleSheet.create({
     gap: 12,
     flexShrink: 0
   },
+  loading: {
+    borderWidth: 1,
+    borderColor: Color.gray[200],
+    backgroundColor: Color.gray[50]
+  },
   // small
   previewImageSmall: {
     borderWidth: 1,

package/lib/module/Input/partials/InputFile/ItemPreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["Image","StyleSheet","TouchableOpacity","View","Card","Color","Typography","Icon","jsx","_jsx","jsxs","_jsxs","ItemPreview","file","onPress","index","onDelete","onReplace","variant","Wrapper","children","style","styles","containerPreview","activeOpacity","containerListItem","type","startsWith","previewImageSmall","error","previewImageError","BtnIcon","source","uri","previewImage","previewImageSmallError","name","size","color","primary","fileDetails","weight","gray","numberOfLines","fileSize","toFixed","action","danger","actionDelete","create","flexDirection","alignItems","gap","flex","width","height","borderRadius","justifyContent","flexShrink","borderWidth","borderColor","position","top","right","backgroundColor","zIndex","padding"],"sourceRoot":"../../../../../src","sources":["Input/partials/InputFile/ItemPreview.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ActivityIndicator","Image","StyleSheet","TouchableOpacity","View","Card","Color","Typography","Icon","jsx","_jsx","jsxs","_jsxs","ItemPreview","file","onPress","index","onDelete","onReplace","variant","loading","Wrapper","children","style","styles","containerPreview","activeOpacity","containerListItem","previewImage","color","primary","type","startsWith","previewImageSmall","error","previewImageError","BtnIcon","source","uri","previewImageSmallError","name","size","fileDetails","weight","gray","numberOfLines","fileSize","toFixed","action","danger","actionDelete","create","flexDirection","alignItems","gap","flex","width","height","borderRadius","justifyContent","flexShrink","borderWidth","borderColor","backgroundColor","position","top","right","zIndex","padding"],"sourceRoot":"../../../../../src","sources":["Input/partials/InputFile/ItemPreview.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Tab/Tab.js

@@ -10,7 +10,8 @@ const Tab = ({
   children,
   current = 0,
   onChangeTab,
-  renderHeader
+  renderHeader,
+  refreshControl
 }) => {
   const items = Children.toArray(children).filter(isValidElement);
   const [activeIndex, setActiveIndex] = useState(current);
@@ -81,6 +82,7 @@ const Tab = ({
   return /*#__PURE__*/_jsx(View, {
     style: styles.container,
     children: renderHeader ? /*#__PURE__*/_jsxs(ScrollView, {
+      refreshControl: refreshControl,
       stickyHeaderIndices: [renderHeader ? 1 : 0] // bikin tabBar sticky
       ,
       contentContainerStyle: styles.scrollViewContainer,