@undp/carbon-library 1.0.30 → 1.0.32

package/dist/cjs/types/Definitions/Definitions/programme.definitions.d.ts

@@ -5,6 +5,12 @@ export declare enum ProgrammeStage {
     Authorised = "Authorised",
     Rejected = "Rejected"
 }
+export declare enum ProgrammeStageMRV {
+    AwaitingAuthorization = "Pending",
+    Authorised = "Authorised",
+    Approved = "Approved",
+    Rejected = "Rejected"
+}
 export declare enum Role {
     Root = "Root",
     Admin = "Admin",
@@ -49,6 +55,7 @@ export declare const getStageEnumVal: (value: string) => string;
 export declare const getCreditStageVal: (value: string) => string;
 export declare const getStageTransferEnumVal: (value: string, transfer: ProgrammeTransfer) => string;
 export declare const getStageTagType: (stage: ProgrammeStage) => "error" | "processing" | "default";
+export declare const getStageTagTypeMRV: (stage: ProgrammeStageMRV) => "purple" | "error" | "processing" | "default";
 export declare const getTransferStageTagType: (stage: CreditTransferStage, transfer: ProgrammeTransfer) => "orange" | "purple" | "error" | "processing" | "default" | "success";
 export declare class UnitField {
     unit: string;

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, ExperimentOutlined, UploadOutlined, EllipsisOutlined, StarOutlined, SearchOutlined, ToolOutlined, EyeOutlined, EditOutlined, DeleteOutlined, BlockOutlined, BulbOutlined, ClockCircleOutlined, UserOutlined } from '@ant-design/icons';
-import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Select, Modal, Alert, Card, Skeleton, Popover, List, Typography, Tag, Checkbox, InputNumber, Spin, Progress } from 'antd';
+import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Select, Modal, Alert, Skeleton, Card, Popover, List, Typography, Tag, Checkbox, InputNumber, Spin, Progress } from 'antd';
 import React, { useState, useEffect, useRef } from 'react';
 import { DateTime } from 'luxon';
 import { Buffer } from 'buffer';
@@ -155,6 +155,13 @@ var ProgrammeStage;
     ProgrammeStage["Rejected"] = "Rejected";
     // Frozen = 'Frozen',
 })(ProgrammeStage || (ProgrammeStage = {}));
+var ProgrammeStageMRV;
+(function (ProgrammeStageMRV) {
+    ProgrammeStageMRV["AwaitingAuthorization"] = "Pending";
+    ProgrammeStageMRV["Authorised"] = "Authorised";
+    ProgrammeStageMRV["Approved"] = "Approved";
+    ProgrammeStageMRV["Rejected"] = "Rejected";
+})(ProgrammeStageMRV || (ProgrammeStageMRV = {}));
 // export enum ProgrammeTransferStage {
 //   APPROVED = 'Approved',
 //   REJECTED = 'Rejected',
@@ -248,6 +255,18 @@ var getStageTagType = function (stage) {
             return "default";
     }
 };
+var getStageTagTypeMRV = function (stage) {
+    switch (getStageEnumVal(stage)) {
+        case ProgrammeStageMRV.AwaitingAuthorization:
+            return "error";
+        case ProgrammeStageMRV.Authorised:
+            return "processing";
+        case ProgrammeStageMRV.Approved:
+            return "purple";
+        default:
+            return "default";
+    }
+};
 var getTransferStageTagType = function (stage, transfer) {
     // if (transfer.isRetirement) {
     //   switch (getStageEnumVal(stage)) {
@@ -783,12 +802,19 @@ var AddNewCompanyComponent = function (props) {
                     return [4 /*yield*/, post("national/organisation/regions", {
                             page: 1,
                             size: 100,
+                            filterAnd: [
+                                {
+                                    key: "lang",
+                                    operation: "=",
+                                    value: "en",
+                                },
+                            ],
                         })];
                 case 2:
                     response = _a.sent();
                     if (response.data) {
                         regionNames = response.data.map(function (item) { return item.regionName; });
-                        setRegionsList(__spreadArray(["National"], regionNames, true));
+                        setRegionsList(__spreadArray([t("national")], regionNames, true));
                     }
                     return [3 /*break*/, 5];
                 case 3:
@@ -836,9 +862,9 @@ var AddNewCompanyComponent = function (props) {
         nextOne(values);
     };
     var onChangeRegion = function (values) {
-        if (values.includes("National")) {
+        if (values.includes(t("national"))) {
             var buyerCountryValues = regionsList;
-            var newBuyerValues = buyerCountryValues === null || buyerCountryValues === void 0 ? void 0 : buyerCountryValues.filter(function (item) { return item !== "National"; });
+            var newBuyerValues = buyerCountryValues === null || buyerCountryValues === void 0 ? void 0 : buyerCountryValues.filter(function (item) { return item !== t("national"); });
             formOne.setFieldValue("regions", __spreadArray([], newBuyerValues, true));
         }
     };
@@ -1492,8 +1518,11 @@ var CompanyProfileComponent = function (props) {
                     !isLoading &&
                     parseInt(companyDetails.state) !== 1 ? (React.createElement(Button, { className: "btn-activate", onClick: onReActivateOrganisation }, t("companyProfile:reActivate"))) : (""),
                 ability.can(Action.Update, plainToClass(Company, companyDetails)) &&
-                    !isLoading && companyDetails && (React.createElement(Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))))),
-        React.createElement("div", { className: "content-body" },
+                    !isLoading &&
+                    companyDetails && (React.createElement(Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))))),
+        !companyDetails && (React.createElement("div", { className: "content-body" },
+            React.createElement(Skeleton, { active: true }))),
+        companyDetails && (React.createElement("div", { className: "content-body" },
             React.createElement(Row, { gutter: 16 },
                 React.createElement(Col, { md: 24, lg: 8 },
                     React.createElement(Card, { className: "card-container" },
@@ -1551,7 +1580,9 @@ var CompanyProfileComponent = function (props) {
                                         : "-")),
                                 parseInt(companyDetails.state) === 0 ? (React.createElement(Row, { className: "field" },
                                     React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
-                                    React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks ? companyDetails.remarks : "-"))) : (""))))))),
+                                    React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks
+                                        ? companyDetails.remarks
+                                        : "-"))) : ("")))))))),
         React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onDeauthoriseOrgConfirmed, onActionCanceled: onDeauthoriseOrgCanceled, openModal: openDeauthorisationModal, errorMsg: errorMsg, loading: isLoading }),
         React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onReactivateOrgConfirmed, onActionCanceled: onReactivateOrgCanceled, openModal: openReactivateModal, errorMsg: errorMsg, loading: isLoading })));
 };
@@ -2109,7 +2140,7 @@ var UserManagementComponent = function (props) {
         React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
 };
 
-var css_248z$9 = ".programme-management .programme-title-bar {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 0px 0px 30px 0px; }\n  .programme-management .programme-title-bar .title {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between; }\n  .programme-management .programme-title-bar .actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end; }\n  .programme-management .programme-title-bar .flex-display {\n    margin-left: 15px; }\n\n.programme-management .certify-list {\n  width: 110px;\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap; }\n  .programme-management .certify-list .profile-icon {\n    margin-bottom: 4px; }\n\n.programme-management .table-actions-section {\n  margin-bottom: 0px; }\n  .programme-management .table-actions-section input {\n    font-family: \"Inter\";\n    font-size: 0.8rem; }\n\n.programme-management .all-check {\n  margin-right: 10px; }\n  .programme-management .all-check .ant-checkbox-inner::after {\n    background-color: rgba(58, 53, 65, 0.5); }\n  .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n    background-color: transparent; }\n  .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n    background-color: rgba(58, 53, 65, 0.5);\n    border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Retired\"] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"AwaitingAuthorization\"] + .ant-checkbox-inner {\n  background-color: rgba(237, 77, 71, 0.6);\n  border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Rejected\"] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Issued\"] + .ant-checkbox-inner {\n  background-color: #16b1ff;\n  border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Transferred\"] + .ant-checkbox-inner {\n  background-color: rgba(118, 195, 39, 0.6);\n  border: none; }\n";
+var css_248z$9 = ".programme-management .programme-title-bar {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 0px 0px 30px 0px; }\n  .programme-management .programme-title-bar .title {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between; }\n  .programme-management .programme-title-bar .actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end; }\n  .programme-management .programme-title-bar .flex-display {\n    margin-left: 15px; }\n\n.programme-management .certify-list {\n  width: 110px;\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap; }\n  .programme-management .certify-list .profile-icon {\n    margin-bottom: 4px; }\n\n.programme-management .table-actions-section {\n  margin-bottom: 0px; }\n  .programme-management .table-actions-section input {\n    font-family: \"Inter\";\n    font-size: 0.8rem; }\n\n.programme-management .all-check {\n  margin-right: 10px; }\n  .programme-management .all-check .ant-checkbox-inner::after {\n    background-color: rgba(58, 53, 65, 0.5); }\n  .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n    background-color: transparent; }\n  .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n    background-color: rgba(58, 53, 65, 0.5);\n    border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Retired\"] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"AwaitingAuthorization\"] + .ant-checkbox-inner {\n  background-color: rgba(237, 77, 71, 0.6);\n  border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Rejected\"] + .ant-checkbox-inner {\n  background-color: rgba(58, 53, 65, 0.4);\n  border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Authorised\"] + .ant-checkbox-inner {\n  background-color: #16b1ff;\n  border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Approved\"] + .ant-checkbox-inner {\n  background-color: rgba(145, 85, 253, 0.6);\n  border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Transferred\"] + .ant-checkbox-inner {\n  background-color: rgba(118, 195, 39, 0.6);\n  border: none; }\n";
 styleInject(css_248z$9);
 
 var ProgrammeManagementColumns;
@@ -2129,7 +2160,7 @@ var ProgrammeManagementColumns;
 
 var Search = Input.Search;
 var ProgrammeManagementComponent = function (props) {
-    var t = props.t, visibleColumns = props.visibleColumns, useUserContext = props.useUserContext, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme;
+    var t = props.t, visibleColumns = props.visibleColumns, useUserContext = props.useUserContext, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, onClickAddProgramme = props.onClickAddProgramme, enableAddProgramme = props.enableAddProgramme;
     var _a = useConnection(); _a.get; _a.delete; var post = _a.post;
     var _b = useState(), totalProgramme = _b[0], setTotalProgramme = _b[1];
     var _c = useState(false), loading = _c[0], setLoading = _c[1];
@@ -2143,8 +2174,9 @@ var ProgrammeManagementComponent = function (props) {
     var _l = useState(), sortOrder = _l[0], setSortOrder = _l[1];
     var _m = useState(), sortField = _m[0], setSortField = _m[1];
     var userInfoState = useUserContext().userInfoState;
-    var statusOptions = Object.keys(ProgrammeStage).map(function (k, index) { return ({
-        label: Object.values(ProgrammeStage)[index],
+    var stageObject = enableAddProgramme ? ProgrammeStageMRV : ProgrammeStage;
+    var statusOptions = Object.keys(stageObject).map(function (k, index) { return ({
+        label: Object.values(stageObject)[index],
         value: k,
     }); });
     var _o = useState(statusOptions.map(function (e) { return e.value; })), selectedStatus = _o[0], setSelectedStatus = _o[1];
@@ -2232,7 +2264,7 @@ var ProgrammeManagementComponent = function (props) {
             sorter: true,
             align: "center",
             render: function (item) {
-                return (React.createElement(Tag, { className: "clickable", color: getStageTagType(item) }, getStageEnumVal(item)));
+                return (React.createElement(Tag, { className: "clickable", color: getStageTagTypeMRV(item) }, getStageEnumVal(item)));
             },
             onCell: function (record, rowIndex) {
                 return {
@@ -4967,7 +4999,10 @@ var UserProfileComponent = function (props) {
                             onNavigateUpdateUser(organisationDetails, userDetails);
                         } }, t("userProfile:edit"))),
                     React.createElement(LanguageSelection, { i18n: i18n })))),
-        React.createElement("div", { className: "content-body" },
+        !userDetails ||
+            (!organisationDetails && (React.createElement("div", { className: "content-body" },
+                React.createElement(Skeleton, { active: true })))),
+        userDetails && organisationDetails && (React.createElement("div", { className: "content-body" },
             React.createElement(Row, { gutter: 16 },
                 React.createElement(Col, { md: 24, lg: 8 },
                     React.createElement(Card, { className: "card-container" },
@@ -5045,7 +5080,7 @@ var UserProfileComponent = function (props) {
                                     React.createElement(Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
                                     React.createElement(Col, { span: 12, className: "field-value" }, organisationDetails.creditBalance
                                         ? organisationDetails.creditBalance
-                                        : "-"))))))))));
+                                        : "-")))))))))));
 };
 
 var css_248z$1 = ".legend-item-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 14px;\n  font-weight: 400;\n  margin-left: 0.75rem; }\n  .legend-item-container .text {\n    margin-left: 0.2rem; }\n";
@@ -5333,5 +5368,5 @@ var ProgrammeTransfer = /** @class */ (function () {
     return ProgrammeTransfer;
 }());
 
-export { AddNewCompanyComponent, AddNewUserComponent, BaseEntity, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole$1 as CompanyRole, ConfigurationSettingsType, CreditTransferStage, LegendItem, Loading, MapComponent, MapTypes, MapboxComponent, ProfileIcon, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeStage, ProgrammeTransfer, ProgrammeViewComponent, RetireType, Role, RoleIcon, SectoralScope, StasticCard, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, addCommSep, addCommSepRound, addRoundNumber, addSpaces, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTransferEnumVal, getTransferStageTagType, isBase64, sumArray };
+export { AddNewCompanyComponent, AddNewUserComponent, BaseEntity, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole$1 as CompanyRole, ConfigurationSettingsType, CreditTransferStage, LegendItem, Loading, MapComponent, MapTypes, MapboxComponent, ProfileIcon, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeStage, ProgrammeStageMRV, ProgrammeTransfer, ProgrammeViewComponent, RetireType, Role, RoleIcon, SectoralScope, StasticCard, TxType, TypeOfMitigation, UnitField, User, UserManagementColumns, UserManagementComponent, UserProfileComponent, addCommSep, addCommSepRound, addRoundNumber, addSpaces, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getTransferStageTagType, isBase64, sumArray };
 //# sourceMappingURL=index.js.map