react-native-in-app-debugger 2.0.9 → 2.0.11

package/Api/useApiInterceptor.js

@@ -19,7 +19,7 @@ const parse = (data) => {
     return data;
   }
 };
-let interceptorId = null;
+let interceptorIds = [];
 export default ({ maxNumOfApiToStore, blacklists, blacklistRef, mocks }) => {
   const [apis, setApis] = useState([]);
   const [bookmarks, setBookmarks] = useState({});
@@ -92,6 +92,8 @@ export default ({ maxNumOfApiToStore, blacklists, blacklistRef, mocks }) => {
   };
 
   useEffect(() => {
+    interceptorIds.forEach((id) => axios.interceptors.request.eject(id));
+    interceptorIds = [];
     const mocked = (url, method) => {
       // console.log('xxxxxx url method', url, method);
       // console.log('xxxxxx mocks', mocks);
@@ -191,7 +193,7 @@ export default ({ maxNumOfApiToStore, blacklists, blacklistRef, mocks }) => {
     };
 
     // --- Intercept Axios globally ---
-    axios.interceptors.request.use(
+    interceptorIds.push(axios.interceptors.request.use(
       (config) => {
         // console.log('[Axios Request]', config);
 
@@ -223,11 +225,9 @@ export default ({ maxNumOfApiToStore, blacklists, blacklistRef, mocks }) => {
         });
         return Promise.reject(error);
       },
-    );
+    ));
 
-    if (interceptorId) axios.interceptors.response.eject(interceptorId);
-
-    interceptorId = axios.interceptors.response.use(
+    interceptorIds.push(axios.interceptors.response.use(
       (response) => {
         // console.log('[Axios Response]', response);
 
@@ -257,7 +257,7 @@ export default ({ maxNumOfApiToStore, blacklists, blacklistRef, mocks }) => {
         });
         return Promise.reject(error);
       },
-    );
+    ));
   }, [mocks]);
 
   const deleteApi = (id) => {

package/Mock/MockDetails.jsx

@@ -168,11 +168,11 @@ export default (p) => {
         })}
       </View>
       {tab === "response" && (
-        <View style={{ gap: 3 }}>
+        <View style={{ gap: 3, padding: 10 }}>
           <View style={{ flexDirection: "row", gap: 5 }}>
             <Text>Status</Text>
             <TextInput
-              style={{ backgroundColor: "#ccc", width: 50, padding: 2 }}
+              style={{ ...styles.textField, width: 50 }}
               inputMode="numeric"
               onChangeText={(t) => {
                 setTmpResStatus(t);
@@ -192,10 +192,9 @@ export default (p) => {
             <Text>Body</Text>
             <TextInput
               style={{
-                backgroundColor: "#ccc",
+                ...styles.textField,
                 height: 250,
                 flex: 1,
-                padding: 2,
               }}
               multiline
               onChangeText={setTmpResBody}
@@ -276,4 +275,10 @@ const styles = StyleSheet.create({
     alignItems: "center",
     justifyContent: "center",
   },
+  textField: {
+    backgroundColor: "#ccc",
+    width: 50,
+    padding: 2,
+    borderRadius: 5,
+  },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-in-app-debugger",
-  "version": "2.0.9",
+  "version": "2.0.11",
   "description": "This library's main usage is to be used by Non-Technical testers during UAT, SIT or any testing phase.",
   "main": "index.jsx",
   "scripts": {