@finos/legend-application-marketplace 0.1.51 → 0.1.53

package/lib/components/orders/ProgressTracker.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2025-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { Box, Typography, Stepper, Step, StepLabel, StepConnector, stepConnectorClasses, } from '@mui/material';
+import { styled } from '@mui/material/styles';
+import { CheckCircleIcon, CircleIcon, TimesCircleIcon, } from '@finos/legend-art';
+import { getWorkflowSteps, STAGE_MAP, isStageCompleted, isStageRejected, formatTimestamp, WorkflowStage, WorkflowStatus, WorkflowCurrentStage, } from '../../stores/orders/OrderHelpers.js';
+const CustomConnector = styled(StepConnector)(({ theme }) => ({
+    [`&.${stepConnectorClasses.alternativeLabel}`]: {
+        top: 10,
+        left: 'calc(-50% + 16px)',
+        right: 'calc(50% + 16px)',
+    },
+    [`&.${stepConnectorClasses.active}`]: {
+        [`& .${stepConnectorClasses.line}`]: {
+            borderColor: theme.palette.primary.main,
+        },
+    },
+    [`&.${stepConnectorClasses.completed}`]: {
+        [`& .${stepConnectorClasses.line}`]: {
+            borderColor: theme.palette.primary.main,
+        },
+    },
+    [`& .${stepConnectorClasses.line}`]: {
+        borderColor: theme.palette.grey[400],
+        borderTopWidth: 2,
+        borderRadius: 1,
+    },
+}));
+const StepIconComponent = (props) => {
+    const { active, completed, rejected } = props;
+    if (rejected) {
+        return (_jsx(TimesCircleIcon, { className: "legend-marketplace-progress-tracker__step-icon--rejected" }));
+    }
+    if (completed) {
+        return (_jsx(CheckCircleIcon, { className: "legend-marketplace-progress-tracker__step-icon--completed" }));
+    }
+    if (active) {
+        return (_jsx(CircleIcon, { className: "legend-marketplace-progress-tracker__step-icon--active" }));
+    }
+    return (_jsx(CircleIcon, { className: "legend-marketplace-progress-tracker__step-icon--pending" }));
+};
+export const ProgressTracker = observer(({ order }) => {
+    const steps = getWorkflowSteps(order);
+    const currentStageName = order.workflow_details?.current_stage
+        ? STAGE_MAP[order.workflow_details.current_stage]
+        : WorkflowStage.ORDER_PLACED;
+    const currentStageIndex = steps.indexOf(currentStageName);
+    const activeStepIndex = currentStageIndex >= 0 ? currentStageIndex : 0;
+    const getFinalStepIndex = () => {
+        if (!order.workflow_details) {
+            return 0;
+        }
+        for (let i = steps.length - 1; i >= 0; i--) {
+            if (isStageRejected(order, steps[i] ?? WorkflowStage.ORDER_PLACED) &&
+                isStageCompleted(order, steps[i] ?? WorkflowStage.ORDER_PLACED)) {
+                return i;
+            }
+        }
+        for (let i = steps.length - 1; i >= 0; i--) {
+            if (isStageCompleted(order, steps[i] ?? WorkflowStage.ORDER_PLACED)) {
+                return i;
+            }
+        }
+        if (order.workflow_details.rpm_ticket_id &&
+            order.workflow_details.current_stage === WorkflowCurrentStage.RPM) {
+            return steps.indexOf(WorkflowStage.PENDING_FULFILLMENT);
+        }
+        return activeStepIndex;
+    };
+    const isClosedOrder = order.workflow_details?.workflow_status.toString() ===
+        WorkflowStatus.COMPLETED;
+    const finalStepIndex = isClosedOrder
+        ? getFinalStepIndex()
+        : activeStepIndex;
+    return (_jsx(Box, { className: "legend-marketplace-progress-tracker", children: _jsx(Stepper, { alternativeLabel: true, activeStep: finalStepIndex, connector: _jsx(CustomConnector, {}), children: steps.map((label, index) => {
+                const isCompleted = isClosedOrder
+                    ? index <= finalStepIndex
+                    : index < activeStepIndex;
+                const isActive = !isClosedOrder && index === activeStepIndex;
+                const stageCompleted = isStageCompleted(order, label);
+                const rejected = isStageRejected(order, label);
+                return (_jsx(Step, { completed: isCompleted && !rejected, children: _jsxs(StepLabel, { StepIconComponent: () => StepIconComponent({
+                            active: isActive,
+                            completed: isCompleted && !rejected,
+                            rejected: rejected && isCompleted,
+                        }), children: [_jsx(Typography, { className: "legend-marketplace-progress-tracker__step-label", children: label }), label === WorkflowStage.MANAGER_APPROVAL &&
+                                isCompleted &&
+                                stageCompleted &&
+                                order.workflow_details &&
+                                !isActive && (_jsxs(Box, { className: "legend-marketplace-progress-tracker__step-details", children: [order.workflow_details.manager_actioned_by && (_jsxs(Typography, { className: "legend-marketplace-progress-tracker__step-detail", children: [_jsx("strong", { children: "Actioned by:" }), ' ', order.workflow_details.manager_actioned_by] })), order.workflow_details.manager_actioned_timestamp && (_jsxs(Typography, { className: "legend-marketplace-progress-tracker__step-detail", children: [_jsx("strong", { children: "Date:" }), ' ', formatTimestamp(order.workflow_details.manager_actioned_timestamp)] })), order.workflow_details.manager_action && (_jsxs(Typography, { className: "legend-marketplace-progress-tracker__step-detail", children: [_jsx("strong", { children: "Action:" }), ' ', order.workflow_details.manager_action] })), order.workflow_details.manager_comment && (_jsxs(Typography, { className: "legend-marketplace-progress-tracker__step-detail", children: [_jsx("strong", { children: "Comments:" }), ' ', order.workflow_details.manager_comment] }))] })), label === WorkflowStage.BUSINESS_ANALYST_APPROVAL &&
+                                isCompleted &&
+                                stageCompleted &&
+                                order.workflow_details &&
+                                !isActive && (_jsxs(Box, { className: "legend-marketplace-progress-tracker__step-details", children: [order.workflow_details.bbg_approval_actioned_by && (_jsxs(Typography, { className: "legend-marketplace-progress-tracker__step-detail", children: [_jsx("strong", { children: "Actioned by:" }), ' ', order.workflow_details.bbg_approval_actioned_by] })), order.workflow_details
+                                        .bbg_approval_actioned_timestamp && (_jsxs(Typography, { className: "legend-marketplace-progress-tracker__step-detail", children: [_jsx("strong", { children: "Date:" }), ' ', formatTimestamp(order.workflow_details
+                                                .bbg_approval_actioned_timestamp)] })), order.workflow_details.bbg_approval_action && (_jsxs(Typography, { className: "legend-marketplace-progress-tracker__step-detail", children: [_jsx("strong", { children: "Action:" }), ' ', order.workflow_details.bbg_approval_action] })), order.workflow_details.bbg_approval_comment && (_jsxs(Typography, { className: "legend-marketplace-progress-tracker__step-detail", children: [_jsx("strong", { children: "Comments:" }), ' ', order.workflow_details.bbg_approval_comment] }))] })), label === WorkflowStage.PENDING_FULFILLMENT &&
+                                order.workflow_details?.rpm_ticket_id && (_jsx(Box, { className: "legend-marketplace-progress-tracker__step-details", children: _jsxs(Typography, { className: "legend-marketplace-progress-tracker__step-detail", children: [_jsx("strong", { children: "RPM Ticket:" }), ' ', order.workflow_details.rpm_ticket_id] }) }))] }) }, label));
+            }) }) }));
+});
+//# sourceMappingURL=ProgressTracker.js.map

package/lib/components/orders/ProgressTracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressTracker.js","sourceRoot":"","sources":["../../../src/components/orders/ProgressTracker.tsx"],"names":[],"mappings":"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"}