Feature/104582 handle scope handed over status

src/modules/InvitationForPunchOut/views/SearchIPO/Filter/index.tsx

@@ -93,6 +93,10 @@ const ipoStatuses: FilterInput[] = [
         id: IpoStatusEnum.ACCEPTED,
         title: 'Accepted',
     },
+    {
+        id: IpoStatusEnum.SCOPEHANDEDOVER,
+        title: 'Scope handed over',
+    },
 ];
 
 const punchOutDateFields: FilterInput[] = [

src/modules/InvitationForPunchOut/views/ViewIPO/ViewIPO.tsx

@@ -49,11 +49,18 @@ const stepsWhenCanceled: Step[] = [
     { title: 'Punch-out is canceled', isCompleted: true },
 ];
 
+const stepsWhenHandedOver: Step[] = [
+    { title: 'Invitation for punch-out sent', isCompleted: true },
+    { title: 'Punch-out complete', isCompleted: true },
+    { title: 'Punch-out accepted by company', isCompleted: true },
+];
+
 enum StepsEnum {
     Planned = 1,
     Completed = 2,
     Accepted = 3,
     Canceled = 4,
+    ScopeHandedOver = 5,
 }
 
 const ipoHeaderSize = 136;
@@ -143,6 +150,10 @@ const ViewIPO = (): JSX.Element => {
                     setSteps(stepsWhenCanceled);
                     setCurrentStep(StepsEnum.Canceled + 1);
                     break;
+                case StepsEnum[5]:
+                    setSteps(stepsWhenHandedOver);
+                    setCurrentStep(StepsEnum.ScopeHandedOver + 1);
+                    break;
                 default:
                     setCurrentStep(StepsEnum.Planned + 1);
             }

src/modules/InvitationForPunchOut/views/enums.ts

@@ -21,6 +21,7 @@ export enum IpoStatusEnum {
     PLANNED = 'Planned',
     COMPLETED = 'Completed',
     ACCEPTED = 'Accepted',
+    SCOPEHANDEDOVER = 'ScopeHandedOver',
     CANCELED = 'Canceled',
 }