@undp/carbon-library 1.0.73 → 1.0.75

package/dist/cjs/index.js

@@ -16042,10 +16042,11 @@ var InvestmentCreationComponent = function (props) {
 };
 
 var InvestmentActionModel = function (props) {
-    var investment = props.investment, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var openModal = props.openModal, title = props.title, icon = props.icon, type = props.type, remarkRequired = props.remarkRequired, t = props.t;
+    var investment = props.investment, onFinish = props.onFinish, onCancel = props.onCancel, actionBtnText = props.actionBtnText; props.subText; var openModal = props.openModal, title = props.title, icon = props.icon, type = props.type, remarkRequired = props.remarkRequired, translator = props.translator;
     var _a = React.useState(undefined), popupError = _a[0], setPopupError = _a[1];
     var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
     var _c = React.useState(false), checked = _c[0], setChecked = _c[1];
+    var t = translator.t;
     var companyList = !investment.isRetirement
         ? [
             {
@@ -16146,7 +16147,8 @@ var InvestmentActionModel = function (props) {
 };
 
 var InvestmentManagementComponent = function (props) {
-    var t = props.t, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext;
+    var translator = props.translator, useConnection = props.useConnection, onNavigateToProgrammeView = props.onNavigateToProgrammeView, useUserContext = props.useUserContext, useSettingsContext = props.useSettingsContext;
+    var t = translator.t;
     var statusOptions = Object.keys(exports.InvestmentStatus).map(function (k, index) { return ({
         label: addSpaces(Object.values(exports.InvestmentStatus)[index]),
         value: Object.values(exports.InvestmentStatus)[index],
@@ -16670,7 +16672,7 @@ var InvestmentManagementComponent = function (props) {
         popupInfo && selectedReq && (React.createElement(InvestmentActionModel, { investment: selectedReq, onCancel: function () {
                 setModalVisible(false);
                 setSelectedReq(undefined);
-            }, actionBtnText: popupInfo.actionBtnText, onFinish: popupInfo === null || popupInfo === void 0 ? void 0 : popupInfo.okAction, subText: "", openModal: modalVisible, icon: popupInfo.icon, title: popupInfo.title, type: popupInfo.type, remarkRequired: popupInfo.remarkRequired, t: t }))));
+            }, actionBtnText: popupInfo.actionBtnText, onFinish: popupInfo === null || popupInfo === void 0 ? void 0 : popupInfo.okAction, subText: "", openModal: modalVisible, icon: popupInfo.icon, title: popupInfo.title, type: popupInfo.type, remarkRequired: popupInfo.remarkRequired, translator: translator }))));
 };
 
 var css_248z$6 = ".ndc-management .ant-checkbox-checked .ant-checkbox-input[value='Pending'] + .ant-checkbox-inner {\n  background-color: rgba(118, 195, 39, 0.6);\n  border: none; }\n\n.ndc-management .ant-checkbox-checked .ant-checkbox-input[value='Approved'] + .ant-checkbox-inner {\n  background-color: #16b1ff;\n  border: none; }\n";
@@ -17058,12 +17060,14 @@ var css_248z$5 = ".ndc-action-details-container Input {\n  height: 40px; }\n\n.n
 styleInject(css_248z$5);
 
 var NdcActionDetails = function (props) {
-    var isBackBtnVisible = props.isBackBtnVisible, onFormSubmit = props.onFormSubmit, ndcActionDetails = props.ndcActionDetails, t = props.t, programmeDetails = props.programmeDetails, onClickedBackBtn = props.onClickedBackBtn;
+    var isBackBtnVisible = props.isBackBtnVisible, onFormSubmit = props.onFormSubmit, ndcActionDetails = props.ndcActionDetails, translator = props.translator, programmeDetails = props.programmeDetails, onClickedBackBtn = props.onClickedBackBtn;
     var _a = React.useState(), ndcActionType = _a[0], setNdcActionType = _a[1];
     var _b = React.useState(), mitigationType = _b[0], setmitigationType = _b[1];
     var _c = React.useState(""), sector = _c[0], setSector = _c[1];
     var _d = React.useState(ndcActionTypeList), ndcActionTypeListFiltered = _d[0]; _d[1];
     var form = antd.Form.useForm()[0];
+    translator.setDefaultNamespace('ndcAction');
+    var t = translator.t;
     var maximumImageSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
         ? parseInt(process.env.REACT_APP_MAXIMUM_FILE_SIZE)
         : 5000000;
@@ -17488,9 +17492,11 @@ var css_248z$3 = ".co-benifits-container {\n  width: 100%; }\n  .co-benifits-con
 styleInject(css_248z$3);
 
 var GenderParity = function (props) {
-    var onFormSubmit = props.onFormSubmit, genderParityViewData = props.genderParityViewData, viewOnly = props.viewOnly, t = props.t;
+    var onFormSubmit = props.onFormSubmit, genderParityViewData = props.genderParityViewData, viewOnly = props.viewOnly, translator = props.translator;
     var formOne = antd.Form.useForm()[0];
     var formTwo = antd.Form.useForm()[0];
+    translator.setDefaultNamespace("genderParity");
+    var t = translator.t;
     var _a = React.useState(), genderParityDetails = _a[0], setGenderParityDetails = _a[1];
     var genderParityDetailsOne = [
         {
@@ -17616,7 +17622,9 @@ var GenderParity = function (props) {
 };
 
 var Assessment = function (props) {
-    var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, useConnection = props.useConnection, t = props.t;
+    var onFormSubmit = props.onFormSubmit, assessmentViewData = props.assessmentViewData, viewOnly = props.viewOnly, useConnection = props.useConnection, translator = props.translator;
+    translator.setDefaultNamespace("coBenifits");
+    var t = translator.t;
     var form1 = antd.Form.useForm()[0];
     var form2 = antd.Form.useForm()[0];
     var form3 = antd.Form.useForm()[0];
@@ -17772,7 +17780,9 @@ var Assessment = function (props) {
             React.createElement(antd.Row, null,
                 React.createElement(antd.Form, { name: "from1", labelCol: { span: 18 }, labelWrap: true, labelAlign: "left", wrapperCol: { span: 6 }, layout: "horizontal", requiredMark: true, form: form1, onValuesChange: function () { return validateForms(); } },
                     !viewOnly && (React.createElement("div", { className: "radio-content" },
-                        React.createElement(antd.Form.Item, { label: t("assessmentIsThirdPartyVerified"), className: "form-item", name: "IsThirdPartyVerified" },
+                        React.createElement(antd.Form.Item, { label: t("assessmentIsThirdPartyVerified", {
+                                ns: "coBenifits",
+                            }), className: "form-item", name: "IsThirdPartyVerified" },
                             React.createElement(antd.Radio.Group, { size: "middle", onChange: onIsThirdPartyVerifiedChanged },
                                 React.createElement("div", { className: "radio-container" },
                                     React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
@@ -18154,7 +18164,9 @@ var SdgGoals = function (props) {
 };
 
 var Safeguards = function (props) {
-    var onFormSubmit = props.onFormSubmit, safeGuardViewData = props.safeGuardViewData, viewOnly = props.viewOnly, t = props.t;
+    var onFormSubmit = props.onFormSubmit, safeGuardViewData = props.safeGuardViewData, viewOnly = props.viewOnly, translator = props.translator;
+    translator.setDefaultNamespace("safeguards");
+    var t = translator.t;
     var _a = React.useState(), safeguardDetails = _a[0], setSafeguardDetails = _a[1];
     var form = antd.Form.useForm()[0];
     var initialFormElementList = [
@@ -18647,7 +18659,9 @@ var Safeguards = function (props) {
 };
 
 var Environmental = function (props) {
-    var onFormSubmit = props.onFormSubmit, environmentalViewData = props.environmentalViewData, viewOnly = props.viewOnly, t = props.t;
+    var onFormSubmit = props.onFormSubmit, environmentalViewData = props.environmentalViewData, viewOnly = props.viewOnly, translator = props.translator;
+    translator.setDefaultNamespace('environment');
+    var t = translator.t;
     var environmentalDetailsInitial = [
         {
             section: t("air"),
@@ -18962,7 +18976,9 @@ var Environmental = function (props) {
 };
 
 var Economic = function (props) {
-    var onFormSubmit = props.onFormSubmit, economicViewData = props.economicViewData, viewOnly = props.viewOnly, t = props.t;
+    var onFormSubmit = props.onFormSubmit, economicViewData = props.economicViewData, viewOnly = props.viewOnly, translator = props.translator;
+    translator.setDefaultNamespace("economic");
+    var t = translator.t;
     var economicDetailsInitial = [
         {
             section: t("growth"),
@@ -19245,7 +19261,9 @@ var Economic = function (props) {
 };
 
 var Social = function (props) {
-    var onFormSubmit = props.onFormSubmit, socialViewData = props.socialViewData, viewOnly = props.viewOnly, t = props.t;
+    var onFormSubmit = props.onFormSubmit, socialViewData = props.socialViewData, viewOnly = props.viewOnly, translator = props.translator;
+    translator.setDefaultNamespace("social");
+    var t = translator.t;
     var form = antd.Form.useForm()[0];
     var _a = React.useState(0); _a[0]; var setRefreshCounter = _a[1];
     var _b = React.useState(), socialDetails = _b[0], setSocialDetails = _b[1];
@@ -19529,10 +19547,12 @@ var Social = function (props) {
 };
 
 var CoBenifitsComponent = function (props) {
-    var onClickedBackBtn = props.onClickedBackBtn, onFormSubmit = props.onFormSubmit, coBenefitsDetails = props.coBenefitsDetails, submitButtonText = props.submitButtonText, viewOnly = props.viewOnly, coBenifitsViewDetails = props.coBenifitsViewDetails, _a = props.loading, loading = _a === void 0 ? false : _a, sdgGoalImages = props.sdgGoalImages, t = props.t, useConnection = props.useConnection;
+    var onClickedBackBtn = props.onClickedBackBtn, onFormSubmit = props.onFormSubmit, coBenefitsDetails = props.coBenefitsDetails, submitButtonText = props.submitButtonText, viewOnly = props.viewOnly, coBenifitsViewDetails = props.coBenifitsViewDetails, _a = props.loading, loading = _a === void 0 ? false : _a, sdgGoalImages = props.sdgGoalImages, translator = props.translator, useConnection = props.useConnection;
     var _b = React.useState(), coBenefitDetails = _b[0], setCoBenefitDetails = _b[1];
     var _c = React.useState(true), isSocialFormValid = _c[0], setIsSocialFormValid = _c[1];
     var _d = React.useState(true), isAssessmentFormValid = _d[0], setIsAssessmentFormValid = _d[1];
+    translator.setDefaultNamespace('coBenifits');
+    var t = translator.t;
     var onSdgGoalsFormSubmit = function (sdgGoalsDetails) {
         setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { sdgGoals: sdgGoalsDetails })); });
     };
@@ -19569,13 +19589,13 @@ var CoBenifitsComponent = function (props) {
         {
             label: t("coBenifits:genderPart"),
             key: "2",
-            children: (React.createElement(GenderParity, { onFormSubmit: onGenderParityFormSubmit, genderParityViewData: viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.genderPariy), viewOnly: viewOnly || false, t: t })),
+            children: (React.createElement(GenderParity, { onFormSubmit: onGenderParityFormSubmit, genderParityViewData: viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.genderPariy), viewOnly: viewOnly || false, translator: translator })),
         },
         {
             label: t("coBenifits:safeguards"),
             key: "3",
             children: (React.createElement(Safeguards, { safeGuardViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.safeguardDetails)) ||
-                    (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.safeguardDetails)), viewOnly: viewOnly || false, onFormSubmit: onSafeguardFormSubmit, t: t })),
+                    (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.safeguardDetails)), viewOnly: viewOnly || false, onFormSubmit: onSafeguardFormSubmit, translator: translator })),
         },
         {
             label: t("coBenifits:environmental"),
@@ -19584,13 +19604,13 @@ var CoBenifitsComponent = function (props) {
                     ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental)
                         ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental
                         : {}
-                    : undefined, viewOnly: viewOnly || false, t: t })),
+                    : undefined, viewOnly: viewOnly || false, translator: translator })),
         },
         {
             label: t("coBenifits:social"),
             key: "5",
             children: (React.createElement(Social, { onFormSubmit: onSocialFormSubmit, socialViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialValueDetails)) ||
-                    (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, t: t })),
+                    (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, translator: translator })),
         },
         {
             label: t("coBenifits:economic"),
@@ -19599,13 +19619,13 @@ var CoBenifitsComponent = function (props) {
                     ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic)
                         ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic
                         : {}
-                    : undefined, viewOnly: viewOnly || false, t: t })),
+                    : undefined, viewOnly: viewOnly || false, translator: translator })),
         },
         {
             label: t("coBenifits:assessment"),
             key: "7",
             children: (React.createElement(Assessment, { onFormSubmit: onAssessmentFormSubmit, assessmentViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.assessmentDetails)) ||
-                    (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, useConnection: useConnection, t: t })),
+                    (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, useConnection: useConnection, translator: translator })),
         },
     ];
     var onCoBenefitSubmit = function () {
@@ -19761,12 +19781,16 @@ var CoBenifitsComponent = function (props) {
             React.createElement(antd.Tabs, { className: "benifits-tabs", defaultActiveKey: "1", centered: true, items: tabItems })),
         !viewOnly && (React.createElement("div", { className: "steps-actions" },
             React.createElement(antd.Row, null,
-                React.createElement(antd.Button, { onClick: function () { return onClickedBackBtn(coBenefitDetails); } }, t("back")),
-                React.createElement(antd.Button, { className: "mg-left-1", type: "primary", loading: loading, onClick: onCoBenefitSubmit }, submitButtonText ? submitButtonText : t("submit")))))));
+                React.createElement(antd.Button, { onClick: function () { return onClickedBackBtn(coBenefitDetails); } }, t("back", { ns: "coBenifits" })),
+                React.createElement(antd.Button, { className: "mg-left-1", type: "primary", loading: loading, onClick: onCoBenefitSubmit }, submitButtonText
+                    ? submitButtonText
+                    : t("submit", { ns: "coBenifits" })))))));
 };
 
 var AddNdcActionComponent = function (props) {
-    var useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, sdgGoalImages = props.sdgGoalImages, t = props.t;
+    var useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView, sdgGoalImages = props.sdgGoalImages, translator = props.translator;
+    translator.setDefaultNamespace('ndcAction');
+    var t = translator.t;
     var _a = React.useState(1), current = _a[0], setCurrent = _a[1];
     var _b = React.useState(), programmeDetails = _b[0], setprogrammeDetails = _b[1];
     var _c = React.useState(), ndcActionDetails = _c[0], setNdcActionDetails = _c[1];
@@ -19898,7 +19922,7 @@ var AddNdcActionComponent = function (props) {
                     React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "right", trigger: "hover", title: t("ndcAction:ndcToolTip"), overlayClassName: "custom-tooltip" },
                         React.createElement(Icon.InfoCircle, { color: "#000000", size: 17 }))))),
             description: (React.createElement("div", { className: current !== 1 ? "hide" : "" },
-                React.createElement(NdcActionDetails, { isBackBtnVisible: false, onFormSubmit: onNdcActionDetailsSubmit, ndcActionDetails: ndcActionDetails, t: t, programmeDetails: programmeDetails }))),
+                React.createElement(NdcActionDetails, { isBackBtnVisible: false, onFormSubmit: onNdcActionDetailsSubmit, ndcActionDetails: ndcActionDetails, translator: translator, programmeDetails: programmeDetails }))),
         },
         {
             title: (React.createElement("div", { className: "step-title-container" },
@@ -19907,7 +19931,7 @@ var AddNdcActionComponent = function (props) {
             description: (React.createElement("div", { className: current !== 2 ? "hide" : "" },
                 React.createElement(CoBenifitsComponent, { onClickedBackBtn: onClickBackCoBenefits, coBenefitsDetails: ndcActionDetails ? ndcActionDetails.coBenefitsProperties : {}, onFormSubmit: onCoBenefitsSubmit, submitButtonText: isProjectReportsVisible()
                         ? t("ndcAction:next")
-                        : t("ndcAction:submit"), loading: loading, sdgGoalImages: sdgGoalImages, useConnection: useConnection, t: t }))),
+                        : t("ndcAction:submit"), loading: loading, sdgGoalImages: sdgGoalImages, useConnection: useConnection, translator: translator }))),
         },
     ];
     if (isProjectReportsVisible()) {
@@ -19973,7 +19997,7 @@ styleInject(css_248z$2);
 var NdcActionViewComponent = function (props) {
     var _a;
     var _b, _c;
-    var useUserContext = props.useUserContext, linkDocVisible = props.linkDocVisible, uploadDocUserPermission = props.uploadDocUserPermission, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, t = props.t, sdgGoalImages = props.sdgGoalImages;
+    var useUserContext = props.useUserContext, linkDocVisible = props.linkDocVisible, uploadDocUserPermission = props.uploadDocUserPermission, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToNdcManagementView = props.onNavigateToNdcManagementView, translator = props.translator, sdgGoalImages = props.sdgGoalImages;
     var userInfoState = useUserContext().userInfoState;
     var post = useConnection().post;
     var state = useLocation().state;
@@ -19986,6 +20010,8 @@ var NdcActionViewComponent = function (props) {
     var _k = React.useState([]), programmeOwnerId = _k[0], setProgrammeOwnerId = _k[1];
     var _l = React.useState(false), canUploadMonitorReport = _l[0], setCanUploadMonitorReport = _l[1];
     var _m = React.useState(false), monitoringReportAccepted = _m[0], setMonitoringReportAccepted = _m[1];
+    translator.setDefaultNamespace("ndcAction");
+    var t = translator.t;
     var getProgrammeById = function (programmeId) { return __awaiter(void 0, void 0, void 0, function () {
         var response, error_1;
         var _a, _b, _c;
@@ -20355,7 +20381,7 @@ var NdcActionViewComponent = function (props) {
                     React.createElement(antd.Card, { className: "card-container" },
                         React.createElement("div", { className: "co-benifits-view" },
                             React.createElement("div", { className: "title" }, t("ndcAction:coBenefitsSubTitle")),
-                            React.createElement(CoBenifitsComponent, { viewOnly: true, coBenifitsViewDetails: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.coBenefitsProperties, sdgGoalImages: sdgGoalImages, useConnection: useConnection, t: t })))))))));
+                            React.createElement(CoBenifitsComponent, { viewOnly: true, coBenifitsViewDetails: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.coBenefitsProperties, sdgGoalImages: sdgGoalImages, useConnection: useConnection, translator: translator })))))))));
 };
 
 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";