@undp/carbon-library 1.0.74 → 1.0.76

package/dist/cjs/index.js

@@ -13539,7 +13539,8 @@ var sectoralScopes = {
 };
 var ProgrammeCreationComponent = function (props) {
     var _a, _b;
-    var useUserContext = props.useUserContext, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeView = props.onNavigateToProgrammeView, t = props.t;
+    var useUserContext = props.useUserContext, useConnection = props.useConnection, useLocation = props.useLocation, onNavigateToProgrammeView = props.onNavigateToProgrammeView, translator = props.translator;
+    var t = translator.t;
     var state = useLocation().state;
     var formOne = antd.Form.useForm()[0];
     var formTwo = antd.Form.useForm()[0];
@@ -16042,10 +16043,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 +16148,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 +16673,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 +17061,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;
@@ -19918,7 +19923,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" },