Why are these changes being made?

Currently only decodeURI is used to decode and check if input url has been encoded. However, in some cases, the url is encoded by encodeURIComponent, by using encodeURI, special symbol like: /, and : would not be encoded, while encodeURIComponent would translate them to %252F and %252F. Same process would happen in decode.
For example, when input url is: https://api.example.org/v1/qr-generator?url=https%3A%2F%2Fexample.org%2Fuser%2F12345%3Fref%3Dabc%252Fdef%253A
decodeURI has output: "https://api.example.org/v1/qr-generator?url=https%3A%2F%2Fexample.org%2Fuser%2F12345%3Fref%3Dabc%252Fdef%253A", which is the same as input.
decodeURIComponent has output: "https://api.example.org/v1/qr-generator?url=https://example.org/user/12345?ref=abc%2Fdef:", which is different.
if decodeURI has the same output as input for now, double encoding would happen.

At the same time, we do encoding on hostname and pathname by encodeURI, and encode params value by encodeURIComponent, so all special symbols could be encoded formally.

Changelog

change isEncodedURI, check decodeURI and decodeURIComponent at the same time.
change getEncodedURI, parse URL and encode host and pathname using encodeURI, encode params value using encodeURIComponent.
Test Plan
Run the following demo, log the output uri to see it is not double encoded, and all special symbols are encoded correctly.
`
import React, { useState, useEffect } from 'react';
import { View, Text, Button, ActivityIndicator, StyleSheet } from 'react-native';

const App = () => {
const [responseData, setResponseData] = useState(null);
const [loading, setLoading] = useState(false);
const [error, setError] = useState(null);

// The URL with encoded parameters
const apiUrl = "https://api.example.org/v1/qr-generator?url=https%3A%2F%2Fexample.org%2Fuser%2F12345%3Fref%3Dabc%252Fdef%253A";
// const apiUrl = "https://api.example.com/search?query={"name"%3A"John"%2C"age"%3A30}"

const fetchData = async () => {
setLoading(true);
setError(null);
try {
const response = await fetch(apiUrl);
if (!response.ok) {
throw new Error(HTTP error! Status: ${response.status});
}
const data = await response.json(); // Assuming JSON response
setResponseData(data);
} catch (err) {
setError(err.message);
console.error("Request failed:", err);
} finally {
setLoading(false);
}
};

return (

HTTP Request Demo

{loading && }

{error && (
Error: {error}
)}

{responseData && (

Response:

{JSON.stringify(responseData, null, 2)}


)}

);
};

const styles = StyleSheet.create({
container: {
flex: 1,
padding: 20,
justifyContent: 'center',
},
title: {
fontSize: 20,
fontWeight: 'bold',
marginBottom: 20,
textAlign: 'center',
},
error: {
color: 'red',
marginTop: 10,
},
responseContainer: {
marginTop: 20,
padding: 10,
backgroundColor: '#f0f0f0',
borderRadius: 5,
},
responseTitle: {
fontWeight: 'bold',
marginBottom: 5,
},
responseText: {
fontFamily: 'monospace',
},
});

export default App;
`