feat: RuntimeParams - services updated

Author: RohitRaj011

src/Common/Common.service.ts

@@ -343,7 +343,7 @@ const processCDMaterialsMetaInfo = (cdMaterialsResult): CDMaterialsMetaInfo => {
         resourceFilters: cdMaterialsResult.resourceFilters ?? [],
         totalCount: cdMaterialsResult.totalCount ?? 0,
         requestedUserId: cdMaterialsResult.requestedUserId,
-        runtimeParams: parseRuntimeParams(cdMaterialsResult.runtimeParams),
+        runtimeParams: cdMaterialsResult.runtimeParams.runtimePluginVariables ?? [],
     }
 }
 
@@ -520,7 +520,10 @@ export function getWebhookEventsForEventId(eventId: string | number) {
  */
 export const getGitBranchUrl = (gitUrl: string, branchName: string): string | null => {
     if (!gitUrl) return null
-    const trimmedGitUrl = gitUrl.trim().replace(/\.git$/, '').replace(/\/$/, '') // Remove any trailing slash
+    const trimmedGitUrl = gitUrl
+        .trim()
+        .replace(/\.git$/, '')
+        .replace(/\/$/, '') // Remove any trailing slash
     if (trimmedGitUrl.includes(GitProviderType.GITLAB)) return `${trimmedGitUrl}/-/tree/${branchName}`
     else if (trimmedGitUrl.includes(GitProviderType.GITHUB)) return `${trimmedGitUrl}/tree/${branchName}`
     else if (trimmedGitUrl.includes(GitProviderType.BITBUCKET)) return `${trimmedGitUrl}/branch/${branchName}`

src/Common/Types.ts

@@ -19,7 +19,7 @@ import { TippyProps } from '@tippyjs/react'
 import { Placement } from 'tippy.js'
 import { UserGroupDTO } from '@Pages/GlobalConfigurations'
 import { ImageComment, ReleaseTag } from './ImageTags.Types'
-import { MandatoryPluginBaseStateType, RegistryType, RuntimeParamsListItemType, Severity } from '../Shared'
+import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity } from '../Shared'
 import {
     ACTION_STATE,
     ConsequenceType,
@@ -697,7 +697,7 @@ export interface CDMaterialsMetaInfo {
      * This is the ID of user that has request the material
      */
     requestedUserId: number
-    runtimeParams: RuntimeParamsListItemType[]
+    runtimeParams: RuntimePluginVariables[]
 }
 
 export interface ImagePromotionMaterialInfo {

src/Pages/Applications/DevtronApps/Details/CDPipeline/index.tsx

@@ -1 +1,2 @@
 export * from './types'
+export * from './services'

src/Pages/Applications/DevtronApps/Details/CDPipeline/services.ts

@@ -0,0 +1,45 @@
+import { MutableRefObject } from 'react'
+
+import { getIsRequestAborted, post } from '@Common/Api'
+import { ROUTES } from '@Common/Constants'
+import { getUrlWithSearchParams, showError } from '@Common/Helper'
+import { UploadFileDTO } from '@Shared/types'
+
+export const uploadCDPipelineFile = async ({
+    file,
+    appId,
+    envId,
+    allowedExtensions,
+    maxUploadSize,
+    abortControllerRef,
+}: {
+    file: File[]
+    appId: number
+    envId: number
+    allowedExtensions?: string[]
+    maxUploadSize?: number
+    abortControllerRef?: MutableRefObject<AbortController>
+}): Promise<UploadFileDTO> => {
+    const formData = new FormData()
+    formData.append('file', file[0])
+
+    try {
+        const { result } = await post(
+            getUrlWithSearchParams(`${ROUTES.CD_CONFIG}/${appId}/${envId}/${ROUTES.FILE_UPLOAD}`, {
+                allowedExtensions,
+                maxUploadSize,
+            }),
+            formData,
+            { abortControllerRef },
+            true,
+        )
+
+        return result
+    } catch (err) {
+        if (getIsRequestAborted(err)) {
+            return null
+        }
+        showError(err)
+        throw err
+    }
+}