react-native-expo-cropper 1.0.16 → 1.0.17

package/lib/CustomCamera.js

@@ -37,8 +37,9 @@ function CustomCamera(_ref) {
     loadingBeforeCapture = _useState4[0],
     setLoadingBeforeCapture = _useState4[1];
   var _useState5 = (0, _react.useState)(null),
-    _useState6 = _slicedToArray(_useState5, 1),
-    setHasPermission = _useState6[0];
+    _useState6 = _slicedToArray(_useState5, 2),
+    hasPermission = _useState6[0],
+    setHasPermission = _useState6[1];
   var cameraRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {

package/lib/ImageCropper.js

@@ -233,34 +233,33 @@ var ImageCropper = function ImageCropper(_ref) {
       return _regenerator().w(function (_context) {
         while (1) switch (_context.p = _context.n) {
           case 0:
-            // Avoid showing loading modal during confirm to prevent iOS stalls
-            setShowResult(true);
-            if (viewRef.current) {
+            if (!(!image || !viewRef.current)) {
               _context.n = 1;
               break;
             }
-            console.error('View ref not ready for capture');
+            console.error('Image or view ref not ready for capture');
             alert('Vue non prête pour la capture');
-            setShowResult(false);
             return _context.a(2);
           case 1:
-            _context.p = 1;
-            _context.n = 2;
+            setIsLoading(true);
+            setShowResult(true);
+            _context.p = 2;
+            _context.n = 3;
             return new Promise(function (resolve) {
-              return requestAnimationFrame(resolve);
+              return setTimeout(resolve, 100);
             });
-          case 2:
-            _context.n = 3;
+          case 3:
+            _context.n = 4;
             return (0, _reactNativeViewShot.captureRef)(viewRef.current, {
               format: 'jpg',
               quality: 1,
               result: 'tmpfile'
             });
-          case 3:
+          case 4:
             capturedUri = _context.v;
-            _context.n = 4;
+            _context.n = 5;
             return (0, _ImageProcessor.enhanceImage)(capturedUri, addheight);
-          case 4:
+          case 5:
             finalUri = _context.v;
             name = "IMAGE XTK".concat(Date.now(), ".jpg");
             callback = typeof onConfirm === 'function' ? onConfirm : typeof onCrop === 'function' ? onCrop : null;
@@ -269,23 +268,23 @@ var ImageCropper = function ImageCropper(_ref) {
                 return callback(finalUri, name);
               }, 0);
             }
-            _context.n = 6;
+            _context.n = 7;
             break;
-          case 5:
-            _context.p = 5;
+          case 6:
+            _context.p = 6;
             _t = _context.v;
             console.error('Erreur lors de la capture :', _t);
             alert("Erreur lors de la capture !\n".concat(String(_t)));
-          case 6:
-            _context.p = 6;
+          case 7:
+            _context.p = 7;
             setShowResult(false);
             setIsLoading(false);
             setShowFullScreenCapture(false);
-            return _context.f(6);
-          case 7:
+            return _context.f(7);
+          case 8:
             return _context.a(2);
         }
-      }, _callee, null, [[1, 5, 6, 7]]);
+      }, _callee, null, [[2, 6, 7, 8]]);
     }))
   }, /*#__PURE__*/_react["default"].createElement(_reactNative.Text, {
     style: _ImageCropperStyles["default"].buttonText

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-expo-cropper",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "description": "Recadrage polygonal d'images.",
   "main": "index.js",
   "author": "PCS AGRI",

package/src/CustomCamera.js

@@ -15,7 +15,7 @@ const { width } = Dimensions.get('window');
 export default function CustomCamera({ onPhotoCaptured}) {
   const [isReady, setIsReady] = useState(false);
   const [loadingBeforeCapture, setLoadingBeforeCapture] = useState(false);
-  const [setHasPermission] = useState(null);
+  const [hasPermission, setHasPermission] = useState(null);
   const cameraRef = useRef(null);
 
  

package/src/ImageCropper.js

@@ -183,18 +183,19 @@ const ImageCropper = ({ onConfirm, onCrop, openCameraFirst, initialImage ,addhei
               <TouchableOpacity
                 style={styles.button}
                   onPress={async () => {
-                        // Avoid showing loading modal during confirm to prevent iOS stalls
-                        setShowResult(true);
-
-                        if (!viewRef.current) {
-                          console.error('View ref not ready for capture');
+                        // Ensure image exists and view is ready
+                        if (!image || !viewRef.current) {
+                          console.error('Image or view ref not ready for capture');
                           alert('Vue non prête pour la capture');
-                          setShowResult(false);
                           return;
                         }
 
+                        setIsLoading(true);
+                        setShowResult(true);
+
                         try {
-                          await new Promise((resolve) => requestAnimationFrame(resolve));
+                          // Give the UI time to update and ensure view is ready
+                          await new Promise((resolve) => setTimeout(resolve, 100));
 
                           const capturedUri = await captureRef(viewRef.current, {
                             format: 'jpg',