fix: Resolve email encoding for the payload (#457)

* fix: Resolve email encoding for the payload

* refactor: use Axios object syntax with URL-encoded data for password reset API

Author: hassan-raza-1

src/users/data/api.js

@@ -542,7 +542,15 @@ export async function postTogglePasswordStatus(user, comment) {
 
 export async function postResetPassword(email) {
   try {
-    const { data } = await getAuthenticatedHttpClient().post(AppUrls.getResetPasswordUrl(), `email_from_support_tools=${email}`);
+    const { data } = await getAuthenticatedHttpClient().post(
+      AppUrls.getResetPasswordUrl(),
+      { email_from_support_tools: email },
+      {
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded',
+        },
+      },
+    );
     return data;
   } catch (error) {
     return {

src/users/data/api.test.js

@@ -551,10 +551,17 @@ describe('API', () => {
   describe('Reset Password', () => {
     const resetPasswordApiUrl = `${getConfig().LMS_BASE_URL}/account/password`;
 
-    it('Reset Password Response', async () => {
+    test.each([
+      '[email protected]',
+      '[email protected]',
+      '[email protected]',
+    ])('Reset Password Response for %s', async (email) => {
       const expectedResponse = {};
-      mockAdapter.onPost(resetPasswordApiUrl, `email_from_support_tools=${testEmail}`).reply(200, expectedResponse);
-      const response = await api.postResetPassword(testEmail);
+      mockAdapter.onPost(
+        resetPasswordApiUrl,
+        `email_from_support_tools=${encodeURIComponent(email)}`,
+      ).reply(200, expectedResponse);
+      const response = await api.postResetPassword(email);
       expect(response).toEqual(expectedResponse);
     });
   });