Merge pull request #371 from topcoder-platform/PROD-2614_Self-service_payment

PROD-2643 PROD-2619 PROD-2620 PROD-2760 PROD-2644 Fix the issues in self-service -> dev

Author: nikolay83

src-ts/lib/form/form-functions/form.functions.ts

@@ -72,13 +72,13 @@ export async function onSubmitAsync<T>(
 ): Promise<void> {
 
     event.preventDefault()
+    event.stopPropagation()
 
     const { groups, shortName, successMessage }: FormDefinition = formDef
     const inputs: Array<FormInputModel> = getFormInputFields(groups || [])
 
     // get the dirty fields before we validate b/c validation marks them dirty on submit
     const dirty: FormInputModel | undefined = inputs?.find(fieldDef => !!fieldDef.dirty)
-
     // if there are any validation errors, display a message and stop submitting
     // NOTE: need to check this before we check if the form is dirty bc you
     // could have a form that's not dirty but has errors and you wouldn't

src-ts/lib/svgs/icon-wrapper/IconWrapper.module.scss

@@ -0,0 +1,17 @@
+@import '../../styles/includes';
+
+.iconWrapper {
+  @include icon-mxx;
+
+  margin: 0 $space-lg $space-lg $space-lg;
+  background: $tc-grad12;
+  border-radius: $space-xxl;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  svg {
+    @include icon-xl;
+    color: $tc-white;
+  }
+}

src-ts/lib/svgs/icon-wrapper/IconWrapper.tsx

@@ -0,0 +1,17 @@
+import classNames from 'classnames'
+import { FC } from 'react'
+
+import styles from './IconWrapper.module.scss'
+
+interface IconWrapperProps {
+  className?: string
+  icon: JSX.Element
+}
+
+const IconWrapper: FC<IconWrapperProps> = ({ className, icon }: IconWrapperProps) => (
+  <div className={classNames(styles.iconWrapper, className)}>
+    <>{icon}</>
+  </div>
+)
+
+export default IconWrapper

src-ts/lib/svgs/icon-wrapper/index.ts

@@ -0,0 +1 @@
+export { default as IconWrapper } from './IconWrapper'

src-ts/lib/svgs/index.ts

@@ -37,3 +37,4 @@ export {
     GitlabIcon,
     GithubIcon
 }
+export * from './icon-wrapper'

src-ts/tools/index.ts

@@ -28,4 +28,5 @@ export {
     WorkTypeCategoryUnknownIcon,
     WorkTypeConfigs,
     BugHuntIntakeForm,
+    bugHuntRoute
 } from './work'

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

@@ -548,7 +548,11 @@ function getProgress(challenge: Challenge, workStatus: WorkStatus): WorkProgress
             name: 'Submitted',
         },
         {
-            date: getProgressStepDateStart(challenge, [ChallengePhaseName.registration]),
+            date: getProgressStepDateStart(challenge, [
+              ChallengePhaseName.specificationReview,
+              ChallengePhaseName.specificationSubmission,
+              ChallengePhaseName.registration,
+            ]),
             name: 'Started',
         },
         {
@@ -694,7 +698,10 @@ function getTypeCategory(type: WorkType): WorkTypeCategory {
         case WorkType.designLegacy:
             return WorkTypeCategory.design
 
-        // TOOD: other categories: qa and dev
+        case WorkType.bugHunt:
+          return WorkTypeCategory.qa
+
+        // TOOD: other categories: dev
         default:
             return WorkTypeCategory.unknown
     }

src-ts/tools/work/work-lib/work-provider/work-functions/work-store/challenge-phase-name.enum.ts

@@ -1,4 +1,6 @@
 export enum ChallengePhaseName {
+    specificationReview = 'Specification Review',
+    specificationSubmission = 'Specification Submission',
     appeals = 'Appeals',
     appealsResponse = 'Appeals Response',
     approval = 'Approval',

src-ts/tools/work/work-self-service/intake-forms/bug-hunt/BugHuntIntakeForm.tsx

@@ -29,7 +29,7 @@ import {
 } from '../../../work-lib'
 import { WorkServicePrice } from '../../../work-service-price'
 import { WorkTypeBanner } from '../../../work-type-banner'
-import { dashboardRoute } from '../../../work.routes'
+import { dashboardRoute, selfServiceStartRoute } from '../../../work.routes'
 import IntakeFormsBreadcrumb from '../intake-forms-breadcrumb/IntakeFormsBreadcrumb'
 
 import { BugHuntFormConfig } from './bug-hunt.form.config'
@@ -52,7 +52,7 @@ const BugHuntIntakeForm: React.FC = () => {
     BugHuntFormConfig.buttons.primaryGroup[0].hidden = !isLoggedIn
     BugHuntFormConfig.buttons.primaryGroup[1].onClick = () => { setAction('submit') }
     if (BugHuntFormConfig.buttons.secondaryGroup) {
-        BugHuntFormConfig.buttons.secondaryGroup[0].onClick = () => { navigate(-1) }
+        BugHuntFormConfig.buttons.secondaryGroup[0].onClick = () => { navigate(selfServiceStartRoute) }
     }
 
     const [challenge, setChallenge]: [Challenge | undefined, Dispatch<SetStateAction<Challenge | undefined>>] = useState()

src-ts/tools/work/work-service-price/WorkServicePrice.module.scss

@@ -4,20 +4,6 @@
 
   margin-top: $space-xl;
 
-  .iconWrapper {
-      height: 48;
-      width: 48;
-      margin: 0 $space-lg $space-lg $space-lg;
-      background: $tc-grad12;
-      border-radius: 24px;
-      
-      svg {
-        @include icon-xl;
-        margin: $space-md;
-        color: $tc-white;
-      }
-    }
-
   .inline {
     display: flex;
     flex-direction: row;