@undp/carbon-library 1.0.17-CARBON-363.18 → 1.0.17-CARBON-363.35

package/dist/cjs/index.js

@@ -2047,7 +2047,7 @@ exports.NdcActionStatus = void 0;
     NdcActionStatus["PENDING"] = "Pending";
     NdcActionStatus["APPROVED"] = "Approved";
 })(exports.NdcActionStatus || (exports.NdcActionStatus = {}));
-var getNdcActionStatusEnumVal = function (value) {
+var getNdcActionStatusEnumVal$1 = function (value) {
     var index = Object.keys(exports.NdcActionStatus).indexOf(value);
     if (index < 0) {
         return value;
@@ -2055,7 +2055,7 @@ var getNdcActionStatusEnumVal = function (value) {
     return Object.values(exports.NdcActionStatus)[index];
 };
 var getNdcStatusTagType = function (status) {
-    switch (getNdcActionStatusEnumVal(status)) {
+    switch (getNdcActionStatusEnumVal$1(status)) {
         case exports.NdcActionStatus.PENDING:
             return "processing";
         case exports.NdcActionStatus.APPROVED:
@@ -26197,16 +26197,36 @@ var EditableCell = function (_a) {
 var css_248z$4 = ".ndc-steps-actions {\n  display: flex;\n  flex-direction: row-reverse;\n  margin-right: 1rem;\n  justify-content: center; }\n  .ndc-steps-actions .action-btn {\n    border: 1px solid #16b1ff;\n    color: #16b1ff;\n    margin-right: 1rem; }\n  .ndc-steps-actions .back-btn {\n    border: 1px solid rgba(140, 140, 140, 0.7);\n    color: rgba(140, 140, 140, 0.7);\n    margin-right: 1rem; }\n  .ndc-steps-actions .mg-left-1 {\n    margin-left: 1rem; }\n";
 styleInject(css_248z$4);
 
-var NdcActionType;
-(function (NdcActionType) {
-    NdcActionType[NdcActionType["mainAction"] = 0] = "mainAction";
-    NdcActionType[NdcActionType["subAction"] = 1] = "subAction";
-})(NdcActionType || (NdcActionType = {}));
+var NdcDetailsActionType;
+(function (NdcDetailsActionType) {
+    NdcDetailsActionType["MainAction"] = "MainAction";
+    NdcDetailsActionType["SubAction"] = "SubAction";
+})(NdcDetailsActionType || (NdcDetailsActionType = {}));
 var NdcDetailsActionStatus;
 (function (NdcDetailsActionStatus) {
-    NdcDetailsActionStatus[NdcDetailsActionStatus["pending"] = 0] = "pending";
-    NdcDetailsActionStatus[NdcDetailsActionStatus["approved"] = 1] = "approved";
+    NdcDetailsActionStatus["Pending"] = "Pending";
+    NdcDetailsActionStatus["Approved"] = "Approved";
+    NdcDetailsActionStatus["Rejected"] = "Rejected";
 })(NdcDetailsActionStatus || (NdcDetailsActionStatus = {}));
+var getNdcActionStatusEnumVal = function (value) {
+    var index = Object.keys(NdcDetailsActionStatus).indexOf(value);
+    if (index < 0) {
+        return value;
+    }
+    return Object.values(NdcDetailsActionStatus)[index];
+};
+var getNdcActionStatusTagType = function (status) {
+    switch (getNdcActionStatusEnumVal(status)) {
+        case NdcDetailsActionStatus.Rejected:
+            return "error";
+        case NdcDetailsActionStatus.Pending:
+            return "processing";
+        case NdcDetailsActionStatus.Approved:
+            return "success";
+        default:
+            return "default";
+    }
+};
 
 var NdcDetailsComponent = function (props) {
     var t = props.t, useConnection = props.useConnection, useUserContext = props.useUserContext;
@@ -26220,6 +26240,8 @@ var NdcDetailsComponent = function (props) {
     var _e = React.useState(0), tableKey = _e[0], setTableKey = _e[1];
     var _f = useConnection(), get = _f.get, post = _f.post, put = _f.put;
     var _g = React.useState([]), ministryOrgList = _g[0], setMinistryOrgList = _g[1];
+    var _h = React.useState({}), actionInfo = _h[0], setActionInfo = _h[1];
+    var _j = React.useState(false), openConfirmationModal = _j[0], setOpenConfirmationModal = _j[1];
     var userInfoState = useUserContext().userInfoState;
     var loginMinistry = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT
         ? process.env.REACT_APP_GOVERNMENT_MINISTRY
@@ -26228,13 +26250,12 @@ var NdcDetailsComponent = function (props) {
         : (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY
             ? userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyName
             : undefined;
-    var isAddRangeVisible = ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY ||
-        (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT) &&
+    var isGovernmentUser = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
         (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
     var ndcMainDetailsForPeriod = selectedPeriod.key !== "add_new"
         ? ndcDetailsData.filter(function (ndcDetail) {
             return (ndcDetail.periodId === parseInt(selectedPeriod.key) &&
-                ndcDetail.actionType === NdcActionType.mainAction);
+                ndcDetail.actionType === NdcDetailsActionType.MainAction);
         })
         : [];
     var isMainNdcActionsEditable = !selectedPeriod.finalized &&
@@ -26242,6 +26263,7 @@ var NdcDetailsComponent = function (props) {
         (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
     var isSubNdcActionsEditable = function (record) {
         return (!selectedPeriod.finalized &&
+            record.status !== NdcDetailsActionStatus.Approved &&
             ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
                 ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY &&
                     (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyName) === record.ministryName)) &&
@@ -26250,22 +26272,18 @@ var NdcDetailsComponent = function (props) {
     var getSubNdcDetailsForPeriod = function (id) {
         var subNdcDetails = ndcDetailsData.filter(function (ndcDetail) {
             return (ndcDetail.parentActionId === id &&
-                ndcDetail.actionType === NdcActionType.subAction);
+                ndcDetail.actionType === NdcDetailsActionType.SubAction);
         });
         var emptySubNdcRow = {
-            actionType: NdcActionType.subAction,
+            actionType: NdcDetailsActionType.SubAction,
             nationalPlanObjective: "",
             kpi: 0,
             ministryName: loginMinistry,
-            status: NdcDetailsActionStatus.pending,
+            status: NdcDetailsActionStatus.Pending,
             parentActionId: id,
         };
         return __spreadArray(__spreadArray([], subNdcDetails, true), [emptySubNdcRow], false);
     };
-    var isAddNdcActionVisible = function () {
-        return ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
-            (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
-    };
     var inRange = function (num, min, max) {
         return num >= min && num <= max;
     };
@@ -26290,13 +26308,52 @@ var NdcDetailsComponent = function (props) {
             }
         });
     }); };
+    var actionMenu = function (record) {
+        if (record.status === NdcDetailsActionStatus.Pending && isGovernmentUser) {
+            return (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
+                    {
+                        text: t("ndc:approve"),
+                        icon: React.createElement(Icon__namespace.BoxArrowInDown, null),
+                        click: function () {
+                            setActionInfo({
+                                action: "Approve",
+                                headerText: t("ndc:actionApproveTitle"),
+                                type: "primary",
+                                icon: React.createElement(Icon__namespace.BoxArrowInDown, null),
+                                recordId: record.id,
+                            });
+                            setOpenConfirmationModal(true);
+                        },
+                    },
+                    {
+                        text: t("ndc:reject"),
+                        icon: React.createElement(Icon__namespace.XOctagon, null),
+                        click: function () {
+                            setActionInfo({
+                                action: "Reject",
+                                headerText: t("ndc:rejectApproveTitle"),
+                                type: "danger",
+                                icon: React.createElement(Icon__namespace.BoxArrowInDown, null),
+                                recordId: record.id,
+                            });
+                            setOpenConfirmationModal(true);
+                        },
+                    },
+                ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
+                    React.createElement(antd.Typography.Text, { className: "action-icon color-error" }, item.icon),
+                    React.createElement("span", null, item.text))); } }));
+        }
+        else {
+            return null;
+        }
+    };
     var defaultColumns = [
         {
             title: t("ndc:ndcColumnsNationalPlanObj"),
             dataIndex: "nationalPlanObjective",
             key: "nationalPlanObjective",
             align: "left",
-            width: "50%",
+            width: "40%",
             editable: true,
             render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObjective ? (React.createElement(antd.Space, { size: "middle" },
                 React.createElement("span", null, record.nationalPlanObjective))) : (React.createElement("input", { placeholder: "Please add the National Plan Objective", className: "ant-input", type: "text" })))); },
@@ -26306,31 +26363,50 @@ var NdcDetailsComponent = function (props) {
             dataIndex: "kpi",
             key: "kpi",
             align: "left",
-            width: "10%",
+            width: "15%",
             editable: true,
             render: function (_, record) { return (React.createElement(React.Fragment, null, record.kpi ? (React.createElement(antd.Space, { size: "middle" },
                 React.createElement("span", null, record.kpi))) : (React.createElement("input", { placeholder: "Enter Kpi", className: "ant-input", type: "text" })))); },
         },
         {
-            title: "ministryName",
+            title: t("ndc:ndcColumnsMinistry"),
             dataIndex: "ministryName",
             key: "ministryName",
             align: "left",
-            width: "40%",
+            width: "30%",
             editable: false,
             render: function (_, record) { return (React.createElement(React.Fragment, null,
                 React.createElement(antd.Select, { disabled: !isSubNdcActionsEditable(record), defaultValue: record.ministryName ? record.ministryName : loginMinistry, style: { width: 320 }, onChange: function () { }, options: ministryOrgList }))); },
         },
+        {
+            title: t("ndc:ndcColumnsStatus"),
+            dataIndex: "status",
+            key: "status",
+            align: "left",
+            width: "15%",
+            editable: false,
+            render: function (_, record) {
+                var menu = actionMenu(record);
+                return (React.createElement(React.Fragment, null,
+                    record.actionType === NdcDetailsActionType.SubAction ? (React.createElement(antd.Tooltip, { title: record.status, color: TooltipColor, key: TooltipColor },
+                        React.createElement(antd.Tag, { className: "clickable", color: getNdcActionStatusTagType(record.status) }, addSpaces(record.status)))) : (""),
+                    record.actionType === NdcDetailsActionType.SubAction && menu ? (React.createElement(antd.Popover, { placement: "bottomRight", content: menu, trigger: "click" },
+                        React.createElement(icons.EllipsisOutlined, { rotate: 90, style: {
+                                fontWeight: 600,
+                                fontSize: "1rem",
+                                cursor: "pointer",
+                            } }))) : (React.createElement("span", null))));
+            },
+        },
     ];
     var columns = defaultColumns.map(function (col) {
         if (!col.editable) {
             return col;
         }
         return __assign(__assign({}, col), { onCell: function (record) {
-                console.log("record", record);
                 return {
                     record: record,
-                    editable: record.actionType === NdcActionType.mainAction
+                    editable: record.actionType === NdcDetailsActionType.MainAction
                         ? isMainNdcActionsEditable
                         : isSubNdcActionsEditable(record),
                     dataIndex: col.dataIndex,
@@ -26348,12 +26424,12 @@ var NdcDetailsComponent = function (props) {
                         if (!(selectedPeriod.key !== "add_new")) return [3 /*break*/, 2];
                         periodId = parseInt(selectedPeriod.key);
                         newData = {
-                            actionType: NdcActionType.mainAction,
+                            actionType: NdcDetailsActionType.MainAction,
                             nationalPlanObjective: "",
                             kpi: 0,
                             ministryName: loginMinistry,
                             periodId: periodId,
-                            status: NdcDetailsActionStatus.pending,
+                            status: NdcDetailsActionStatus.Pending,
                         };
                         return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign({}, newData))];
                     case 1:
@@ -26377,25 +26453,33 @@ var NdcDetailsComponent = function (props) {
             cell: EditableCell,
         },
     };
-    var onDeletePeriod = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var result;
+    var onClickedDeletePeriod = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, post("national/programme/deleteNdcDetailsPeriod", {
-                        id: selectedPeriod.key,
-                    })];
-                case 1:
-                    result = _a.sent();
-                    if (result) {
-                        fetchNdcDetailPeriods();
-                    }
-                    return [2 /*return*/];
-            }
+            setActionInfo({
+                action: "Delete",
+                headerText: t("ndc:periodDeleteConfirmTitle"),
+                type: "danger",
+                icon: React.createElement(Icon__namespace.XCircle, null),
+                recordId: selectedPeriod.key,
+            });
+            setOpenConfirmationModal(true);
+            return [2 /*return*/];
+        });
+    }); };
+    var onClickedFinalizePeriod = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            setActionInfo({
+                action: "Finalize",
+                headerText: t("ndc:finalizeApproveTitle"),
+                text: t("ndc:finalizeApproveSubTitle"),
+                type: "primary",
+                icon: React.createElement(Icon__namespace.Clipboard2Check, null),
+                recordId: selectedPeriod.key,
+            });
+            setOpenConfirmationModal(true);
+            return [2 /*return*/];
         });
     }); };
-    var onFinalizePeriod = function () {
-        //
-    };
     function ndcDetailsTableContent() {
         return (React.createElement("div", null,
             React.createElement(antd.Row, null,
@@ -26405,15 +26489,16 @@ var NdcDetailsComponent = function (props) {
                             indentSize: 0,
                             //defaultExpandedRowKeys: [parseInt(selectedNdcDetail.current.id)],
                         }, footer: function () {
-                            return isAddNdcActionVisible() && (React.createElement(antd.Row, { justify: "center" },
+                            return isGovernmentUser &&
+                                !selectedPeriod.finalized && (React.createElement(antd.Row, { justify: "center" },
                                 React.createElement(antd.Button, { onClick: onClickedAddNewNdcDetail, type: "default", style: {
                                         marginBottom: 16,
                                         width: "100%",
                                     } }, t("ndc:addNdcAction"))));
                         } }))),
-            React.createElement(antd.Row, { justify: "end" },
-                React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: onDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
-                React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: onFinalizePeriod, htmlType: "submit", loading: loading }, t("ndc:finalize")))));
+            isGovernmentUser && !selectedPeriod.finalized ? (React.createElement(antd.Row, { justify: "end" },
+                React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: onClickedDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
+                React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: onClickedFinalizePeriod, htmlType: "submit", loading: loading }, t("ndc:finalize")))) : ("")));
     }
     var onAddNewPeriod = function () { return __awaiter(void 0, void 0, void 0, function () {
         var periodItem_1, existingIndex, response, addedPeriodItem, updatedPeriodItem_1;
@@ -26478,6 +26563,60 @@ var NdcDetailsComponent = function (props) {
             setSelectedPeriod(selectedPeriod);
         }
     };
+    var onActionConfirmed = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, response, response, result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(actionInfo.action === "Approve")) return [3 /*break*/, 2];
+                    return [4 /*yield*/, get("national/programme/approveNdcDetailsAction", {
+                            id: actionInfo.recordId,
+                        })];
+                case 1:
+                    response = _a.sent();
+                    console.log("response", response);
+                    return [3 /*break*/, 8];
+                case 2:
+                    if (!(actionInfo.action === "Reject")) return [3 /*break*/, 4];
+                    return [4 /*yield*/, get("national/programme/rejectNdcDetailsAction", {
+                            id: actionInfo.recordId,
+                        })];
+                case 3:
+                    response = _a.sent();
+                    console.log("response", response);
+                    return [3 /*break*/, 8];
+                case 4:
+                    if (!(actionInfo.action === "Finalize")) return [3 /*break*/, 6];
+                    return [4 /*yield*/, post("national/programme/finalizeNdcDetailsPeriod", {
+                            id: selectedPeriod.key,
+                        })];
+                case 5:
+                    response = _a.sent();
+                    console.log("response", response);
+                    if (response) {
+                        fetchNdcDetailPeriods();
+                    }
+                    return [3 /*break*/, 8];
+                case 6:
+                    if (!(actionInfo.action === "Delete")) return [3 /*break*/, 8];
+                    return [4 /*yield*/, post("national/programme/deleteNdcDetailsPeriod", {
+                            id: selectedPeriod.key,
+                        })];
+                case 7:
+                    result = _a.sent();
+                    if (result) {
+                        fetchNdcDetailPeriods();
+                    }
+                    _a.label = 8;
+                case 8:
+                    setOpenConfirmationModal(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var onActionCanceled = function () {
+        setOpenConfirmationModal(false);
+    };
     var fetchNdcDetailPeriods = function () { return __awaiter(void 0, void 0, void 0, function () {
         var periods, addNewTab, response;
         return __generator(this, function (_a) {
@@ -26497,10 +26636,16 @@ var NdcDetailsComponent = function (props) {
                     response = _a.sent();
                     if (response && response.data) {
                         periods = response.data.map(function (period) {
-                            return __assign(__assign({}, period), { key: period.id, label: "".concat(period.startYear, "-").concat(period.endYear) });
+                            return __assign(__assign({}, period), { key: period.id, label: period.finalized ? (React.createElement("span", null,
+                                    React.createElement(icons.LockOutlined, null),
+                                    " ",
+                                    period.startYear,
+                                    "-",
+                                    period.endYear,
+                                    " ")) : ("".concat(period.startYear, "-").concat(period.endYear)) });
                         });
                     }
-                    if (isAddRangeVisible) {
+                    if (isGovernmentUser) {
                         periods.unshift(addNewTab);
                     }
                     setPeriodItems(periods);
@@ -26527,15 +26672,15 @@ var NdcDetailsComponent = function (props) {
         var response, ministryOrgDetails;
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, get("national/company/getMinistries")];
+                case 0: return [4 /*yield*/, get("national/organisation/getMinistries")];
                 case 1:
                     response = _a.sent();
-                    console.log('fetchMinistries', response);
+                    console.log("fetchMinistries", response);
                     if (response && response.data) {
                         ministryOrgDetails = response.data.map(function (value) {
                             return {
-                                value: value.user_id,
-                                label: value.user_name,
+                                value: value.company_companyId,
+                                label: value.company_name,
                             };
                         });
                         setMinistryOrgList(ministryOrgDetails);
@@ -26559,7 +26704,8 @@ var NdcDetailsComponent = function (props) {
             React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod.key, onChange: onTabChange })),
         React.createElement("div", null, selectedPeriod.key === "add_new"
             ? addNewPeriodContent()
-            : ndcDetailsTableContent())));
+            : ndcDetailsTableContent()),
+        React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onActionConfirmed, onActionCanceled: onActionCanceled, openModal: openConfirmationModal, errorMsg: "", loading: false })));
 };
 
 var ImgWithFallback = function (_a) {
@@ -28243,7 +28389,7 @@ exports.getCreditStageVal = getCreditStageVal;
 exports.getFinancialFields = getFinancialFields;
 exports.getGeneralFields = getGeneralFields;
 exports.getInvestmentStatusEnumVal = getInvestmentStatusEnumVal;
-exports.getNdcActionStatusEnumVal = getNdcActionStatusEnumVal;
+exports.getNdcActionStatusEnumVal = getNdcActionStatusEnumVal$1;
 exports.getNdcStatusTagType = getNdcStatusTagType;
 exports.getRetirementTypeString = getRetirementTypeString;
 exports.getStageEnumVal = getStageEnumVal;