feat: Update API functions to support generic response types

Author: AbhishekA1509

src/Common/Api.ts

@@ -227,22 +227,22 @@ function fetchInTime(
     })
 }
 
-export const post = (
+export const post = <T = any>(
     url: string,
     data: object,
     options?: APIOptions,
     isMultipartRequest?: boolean,
-): Promise<ResponseType> => fetchInTime(url, 'POST', data, options, isMultipartRequest)
+): Promise<ResponseType<T>> => fetchInTime(url, 'POST', data, options, isMultipartRequest)
 
-export const put = (url: string, data: object, options?: APIOptions): Promise<ResponseType> =>
+export const put = <T = any>(url: string, data: object, options?: APIOptions): Promise<ResponseType<T>> =>
     fetchInTime(url, 'PUT', data, options)
 
-export const patch = (url: string, data: object, options?: APIOptions): Promise<ResponseType> =>
+export const patch = <T = any>(url: string, data: object, options?: APIOptions): Promise<ResponseType<T>> =>
     fetchInTime(url, 'PATCH', data, options)
 
 export const get = <T = any>(url: string, options?: APIOptions): Promise<ResponseType<T>> => fetchInTime(url, 'GET', null, options)
 
-export const trash = (url: string, data?: object, options?: APIOptions): Promise<ResponseType> =>
+export const trash = <T = any>(url: string, data?: object, options?: APIOptions): Promise<ResponseType<T>> =>
     fetchInTime(url, 'DELETE', data, options)
 
 /**

src/Common/MultiSelectCustomization.tsx

@@ -17,8 +17,8 @@
 import React from 'react'
 import Select, { components } from 'react-select'
 import Tippy from '@tippyjs/react'
-import { ReactComponent as ClearIcon } from '../Assets/Icon/ic-appstatus-cancelled.svg'
 import { ReactComponent as ICErrorCross } from '@Icons/ic-error-cross.svg'
+import { ReactComponent as ClearIcon } from '../Assets/Icon/ic-appstatus-cancelled.svg'
 import { ReactComponent as Check } from '../Assets/Icon/ic-check.svg'
 import { ReactComponent as RedWarning } from '../Assets/Icon/ic-error-medium.svg'
 import { Checkbox } from './Checkbox'

src/Shared/Components/Plugin/service.tsx

@@ -1,6 +1,7 @@
 import { get, getIsRequestAborted, getUrlWithSearchParams, ResponseType, ROUTES, showError } from '../../../Common'
 import { stringComparatorBySortOrder } from '../../Helpers'
 import {
+    GetParentPluginListPayloadType,
     GetPluginListPayloadType,
     GetPluginStoreDataReturnType,
     GetPluginStoreDataServiceParamsType,
@@ -98,5 +99,7 @@ export const getAvailablePluginTags = async (appId: number): Promise<string[]> =
     }
 }
 
-export const getParentPluginList = async (appId?: number): Promise<ResponseType<MinParentPluginDTO[]>> =>
-    get<MinParentPluginDTO[]>(getUrlWithSearchParams(ROUTES.PLUGIN_LIST_MIN, { appId }))
+export const getParentPluginList = async (appId?: number): Promise<ResponseType<MinParentPluginDTO[]>> => {
+    const queryParams: GetParentPluginListPayloadType = { appId }
+    return get<MinParentPluginDTO[]>(getUrlWithSearchParams(ROUTES.PLUGIN_LIST_MIN, queryParams))
+}

src/Shared/Components/Plugin/types.ts

@@ -9,10 +9,13 @@ export enum PluginCreationType {
     PRESET = 'PRESET',
 }
 
-export interface GetPluginTagsPayloadType {
+export interface PluginAPIBaseQueryParamsType {
     appId: number
 }
 
+export interface GetPluginTagsPayloadType extends PluginAPIBaseQueryParamsType {}
+export interface GetParentPluginListPayloadType extends PluginAPIBaseQueryParamsType {}
+
 export interface PluginTagNamesDTO {
     tagNames: string[]
 }