PROD-3106 #comment Fix Bug hunt package details are not displayed in the WM challenge specification and challenge details page

Author: asadath1395

src-ts/tools/work/work-detail-details/work-detail-details-pane/WorkDetailDetailsPane.tsx

@@ -3,10 +3,9 @@ import _ from 'lodash'
 import { Dispatch, FC, SetStateAction, useEffect, useState } from 'react'
 import { Link } from 'react-router-dom'
 
-import { currencyFormat } from '../../../../../src/utils'
-import { ArrowIcon, FormCard, LoadingSpinner } from '../../../../lib'
+import { ArrowIcon, LoadingSpinner } from '../../../../lib'
+import getSelectedPackageFormatted from '../../../../utils/bug-hunt'
 import { ChallengeMetadataName, workFactoryMapFormData } from '../../work-lib'
-import BugHuntPricingConfig from '../../work-self-service/intake-forms/bug-hunt/bug-hunt.form.pricing-config'
 
 import styles from './WorkDetailDetailsPane.module.scss'
 
@@ -108,15 +107,4 @@ function checkIsEmpty(detail: Array<string> | {} | string): boolean {
             .filter((val) => val?.trim().length > 0).length === 0)
 }
 
-const getSelectedPackageFormatted: (packageId: string) => string = (packageId) => {
-  const currentPackage: FormCard | undefined = BugHuntPricingConfig.find((pricingConfig) => pricingConfig.id === packageId)
-  if (currentPackage) {
-    const deviceType: string = currentPackage.sections?.[0]?.rows?.[3]?.text || ''
-    const noOfTesters: string = `${currentPackage.sections?.[0]?.rows?.[2]?.text || 0} testers`
-    return `${currentPackage.title} - ${currencyFormat(currentPackage.price)} - ${deviceType} - ${noOfTesters}`
-  }
-
-  return packageId
-}
-
 export default WorkDetailDetailsPane

src-ts/tools/work/work-lib/work-provider/work-functions/work-factory/work.factory.ts

@@ -1,4 +1,5 @@
 import moment from 'moment'
+import getSelectedPackageFormatted from '../../../../../../utils/bug-hunt'
 
 import { WorkConfigConstants, WorkStrings } from '../../../work-constants'
 import {
@@ -302,7 +303,7 @@ function buildFormDataBugHunt(formData: any): ReadonlyArray<FormDetail> {
         {
             key: ChallengeMetadataName.packageType,
             title: ChallengeMetadataTitle.bugHuntPackage,
-            value: formData.packageType,
+            value: getSelectedPackageFormatted(formData.packageType),
         },
     ]
 }

src-ts/utils/bug-hunt/index.ts

@@ -0,0 +1,16 @@
+import { currencyFormat } from "../../../src/utils"
+import { FormCard } from "../../lib"
+import BugHuntPricingConfig from "../../tools/work/work-self-service/intake-forms/bug-hunt/bug-hunt.form.pricing-config"
+
+function getSelectedPackageFormatted(packageId: string): string {
+  const currentPackage: FormCard | undefined = BugHuntPricingConfig.find((pricingConfig) => pricingConfig.id === packageId)
+  if (currentPackage) {
+    const deviceType: string = currentPackage.sections?.[0]?.rows?.[3]?.text || ''
+    const noOfTesters: string = `${currentPackage.sections?.[0]?.rows?.[2]?.text || 0} testers`
+    return `${currentPackage.title} - ${currencyFormat(currentPackage.price)} - ${deviceType} - ${noOfTesters}`
+  }
+
+  return packageId
+}
+
+export default getSelectedPackageFormatted