@teamnhz/rn-ui-toolkit 1.2.1 → 1.2.3

package/dist/components/ImagePicker/index.d.ts

@@ -1,9 +1,8 @@
 import React from "react";
 type Props = {
     mediaType: "photo" | "video";
-    isMultiSelect?: boolean;
-    onSuccess: (res: any) => void;
     visible: boolean;
+    onSuccess: (res: any) => void;
     onClose: () => void;
     enableCompression?: boolean;
 };

package/dist/components/ImagePicker/index.js

@@ -7,25 +7,38 @@ import { Image as ImageCompressor, Video as VideoCompressor, } from "react-nativ
 import { cameraPermissions, galleryPermissions, checkMicroPhonePermission, } from "../../utils/permissions";
 import { Colors, Images, Scale, Typography } from "../../styles";
 //--------------------------------------
-// 🟦 FORMAT RESPONSE (single standard)
+// 🟦 FORMAT PATH (always file:// format)
 //--------------------------------------
 const normalizePath = (p) => {
     if (!p)
         return "";
     return p.startsWith("file://") ? p : `file://${p}`;
 };
-const buildResponse = (raw, compressed) => {
-    return {
-        path: normalizePath(compressed || raw?.path || raw?.uri),
-        originalPath: normalizePath(raw?.path || raw?.uri),
-        fileName: raw?.fileName || "",
-        type: raw?.type || "",
-        duration: raw?.duration || undefined,
-    };
+const resetInternalState = () => {
+    try {
+        ImageCropPicker.clean().catch(() => { });
+        ImageCropPicker.cleanSingle && ImageCropPicker.cleanSingle().catch(() => { });
+    }
+    catch { }
+    // 🧹 If you stored something in ref or state in future
+    // you can reset here too.
 };
-const ImagePicker = ({ mediaType, onSuccess, visible, onClose, enableCompression = true, }) => {
+//--------------------------------------
+// 🟦 FINAL RESPONSE FORMAT
+//--------------------------------------
+const buildResponse = (raw, compressed) => ({
+    path: normalizePath(compressed || raw?.path || raw?.uri),
+    originalPath: normalizePath(raw?.path || raw?.uri),
+    fileName: raw?.fileName || "",
+    type: raw?.type || "",
+    duration: raw?.duration || undefined,
+});
+//--------------------------------------
+// 🟦 MAIN COMPONENT
+//--------------------------------------
+const ImagePicker = ({ mediaType, visible, onSuccess, onClose, enableCompression = true, }) => {
     //--------------------------------------
-    // 🟦 SEND RAW (loading true)
+    // SEND RAW (loader ON)
     //--------------------------------------
     const sendRaw = (raw) => {
         onSuccess({
@@ -34,16 +47,17 @@ const ImagePicker = ({ mediaType, onSuccess, visible, onClose, enableCompression
         });
     };
     //--------------------------------------
-    // 🟦 SEND FINAL COMPRESSED
+    // SEND FINAL (loader OFF)
     //--------------------------------------
-    const sendFinal = (raw, compressedPath) => {
+    const sendFinal = (raw, compressed) => {
         onSuccess({
             loading: false,
-            data: buildResponse(raw, compressedPath),
+            data: buildResponse(raw, compressed),
         });
+        resetInternalState();
     };
     //--------------------------------------
-    // 🟦 COMPRESS IMAGE
+    // COMPRESS IMAGE
     //--------------------------------------
     const compressImage = async (path) => {
         try {
@@ -57,7 +71,7 @@ const ImagePicker = ({ mediaType, onSuccess, visible, onClose, enableCompression
         }
     };
     //--------------------------------------
-    // 🟦 COMPRESS VIDEO
+    // COMPRESS VIDEO
     //--------------------------------------
     const compressVideo = async (uri) => {
         try {
@@ -70,13 +84,14 @@ const ImagePicker = ({ mediaType, onSuccess, visible, onClose, enableCompression
         }
     };
     //--------------------------------------
-    // 🟦 TAKE PHOTO / VIDEO FROM CAMERA
+    // CAMERA HANDLER
     //--------------------------------------
     const handleCamera = async () => {
+        onClose(); // 🔥 CLOSE FIRST (best UX)
         await cameraPermissions(async (granted) => {
             if (!granted)
                 return;
-            // PHOTO FROM CAMERA
+            // PHOTO
             if (mediaType === "photo") {
                 try {
                     const img = await ImageCropPicker.openCamera({
@@ -90,10 +105,10 @@ const ImagePicker = ({ mediaType, onSuccess, visible, onClose, enableCompression
                     sendFinal(img, compressed);
                 }
                 catch (e) {
-                    console.log("Camera Photo Error", e);
+                    console.log("Camera Photo Error:", e);
                 }
             }
-            // VIDEO FROM CAMERA
+            // VIDEO
             else {
                 const mic = await checkMicroPhonePermission();
                 if (!mic)
@@ -112,13 +127,14 @@ const ImagePicker = ({ mediaType, onSuccess, visible, onClose, enableCompression
         });
     };
     //--------------------------------------
-    // 🟦 PICK FROM GALLERY
+    // GALLERY HANDLER
     //--------------------------------------
     const handleGallery = async () => {
+        onClose(); // 🔥 CLOSE IMMEDIATELY
         await galleryPermissions(async (granted) => {
             if (!granted)
                 return;
-            // PHOTO FROM GALLERY (CROP PICKER)
+            // PHOTO (Crop Picker)
             if (mediaType === "photo") {
                 try {
                     const img = await ImageCropPicker.openPicker({
@@ -132,10 +148,10 @@ const ImagePicker = ({ mediaType, onSuccess, visible, onClose, enableCompression
                     sendFinal(img, compressed);
                 }
                 catch (e) {
-                    console.log("Gallery Photo Error", e);
+                    console.log("Gallery Photo Error:", e);
                 }
             }
-            // VIDEO FROM GALLERY
+            // VIDEO
             else {
                 launchImageLibrary({ mediaType: "video" }, async (res) => {
                     const raw = res?.assets?.[0];
@@ -151,6 +167,8 @@ const ImagePicker = ({ mediaType, onSuccess, visible, onClose, enableCompression
         });
     };
     //--------------------------------------
+    // RETURN UI
+    //--------------------------------------
     return (React.createElement(BottomSheet, { visible: visible, onClose: onClose, height: 230 },
         React.createElement(View, { style: styles.container },
             React.createElement(TouchableOpacity, { style: styles.row, onPress: handleCamera },
@@ -166,10 +184,23 @@ const ImagePicker = ({ mediaType, onSuccess, visible, onClose, enableCompression
                 React.createElement(Text, { style: styles.text }, "Cancel")))));
 };
 export default ImagePicker;
+//--------------------------------------
+// STYLES
+//--------------------------------------
 const styles = StyleSheet.create({
     container: { flex: 1, padding: 16 },
-    row: { flexDirection: "row", alignItems: "center" },
-    text: { ...Typography.style.standardU(), color: Colors.white },
+    row: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        paddingVertical: 14,
+    },
+    text: {
+        ...Typography.style.standardU(),
+        color: Colors.white,
+        marginLeft: 10,
+        textAlign: "center",
+    },
     icon: {
         width: Scale.moderateScale(20),
         height: Scale.moderateScale(20),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamnhz/rn-ui-toolkit",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [