@undp/carbon-library 1.0.73 → 1.0.75

package/dist/cjs/types/Components/Common/CoBenifits/coBenifits.d.ts

@@ -9,7 +9,7 @@ export interface CoBenefitProps {
     coBenifitsViewDetails?: any;
     loading?: any;
     sdgGoalImages?: any;
-    t?: any;
+    translator?: any;
     useConnection?: any;
 }
 declare const CoBenifitsComponent: (props: CoBenefitProps) => React.JSX.Element;

package/dist/cjs/types/Components/Common/Investment/investmentActionModel.d.ts

@@ -12,7 +12,7 @@ export interface InvestmentActionModelProps {
     openModal: boolean;
     type: string;
     remarkRequired: boolean;
-    t: any;
+    translator: any;
 }
 declare const InvestmentActionModel: FC<InvestmentActionModelProps>;
 export default InvestmentActionModel;

package/dist/cjs/types/Components/Common/NdcActionDetails/ndcActionDetails.d.ts

@@ -5,7 +5,7 @@ export interface NdcActionDetailsProps {
     isBackBtnVisible: boolean;
     onFormSubmit: any;
     ndcActionDetails: any;
-    t: any;
+    translator: any;
     programmeDetails?: any;
     onClickedBackBtn?: any;
 }

package/dist/esm/index.js

@@ -16022,10 +16022,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 = useState(undefined), popupError = _a[0], setPopupError = _a[1];
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
     var _c = useState(false), checked = _c[0], setChecked = _c[1];
+    var t = translator.t;
     var companyList = !investment.isRetirement
         ? [
             {
@@ -16126,7 +16127,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(InvestmentStatus).map(function (k, index) { return ({
         label: addSpaces(Object.values(InvestmentStatus)[index]),
         value: Object.values(InvestmentStatus)[index],
@@ -16650,7 +16652,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";
@@ -17038,12 +17040,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 = useState(), ndcActionType = _a[0], setNdcActionType = _a[1];
     var _b = useState(), mitigationType = _b[0], setmitigationType = _b[1];
     var _c = useState(""), sector = _c[0], setSector = _c[1];
     var _d = useState(ndcActionTypeList), ndcActionTypeListFiltered = _d[0]; _d[1];
     var form = 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;
@@ -17468,9 +17472,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 = Form.useForm()[0];
     var formTwo = Form.useForm()[0];
+    translator.setDefaultNamespace("genderParity");
+    var t = translator.t;
     var _a = useState(), genderParityDetails = _a[0], setGenderParityDetails = _a[1];
     var genderParityDetailsOne = [
         {
@@ -17596,7 +17602,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 = Form.useForm()[0];
     var form2 = Form.useForm()[0];
     var form3 = Form.useForm()[0];
@@ -17752,7 +17760,9 @@ var Assessment = function (props) {
             React.createElement(Row, null,
                 React.createElement(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(Form.Item, { label: t("assessmentIsThirdPartyVerified"), className: "form-item", name: "IsThirdPartyVerified" },
+                        React.createElement(Form.Item, { label: t("assessmentIsThirdPartyVerified", {
+                                ns: "coBenifits",
+                            }), className: "form-item", name: "IsThirdPartyVerified" },
                             React.createElement(Radio.Group, { size: "middle", onChange: onIsThirdPartyVerifiedChanged },
                                 React.createElement("div", { className: "radio-container" },
                                     React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.YES }, t("yes"))),
@@ -18134,7 +18144,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 = useState(), safeguardDetails = _a[0], setSafeguardDetails = _a[1];
     var form = Form.useForm()[0];
     var initialFormElementList = [
@@ -18627,7 +18639,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"),
@@ -18942,7 +18956,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"),
@@ -19225,7 +19241,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 = Form.useForm()[0];
     var _a = useState(0); _a[0]; var setRefreshCounter = _a[1];
     var _b = useState(), socialDetails = _b[0], setSocialDetails = _b[1];
@@ -19509,10 +19527,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 = useState(), coBenefitDetails = _b[0], setCoBenefitDetails = _b[1];
     var _c = useState(true), isSocialFormValid = _c[0], setIsSocialFormValid = _c[1];
     var _d = 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 })); });
     };
@@ -19549,13 +19569,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"),
@@ -19564,13 +19584,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"),
@@ -19579,13 +19599,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 () {
@@ -19741,12 +19761,16 @@ var CoBenifitsComponent = function (props) {
             React.createElement(Tabs, { className: "benifits-tabs", defaultActiveKey: "1", centered: true, items: tabItems })),
         !viewOnly && (React.createElement("div", { className: "steps-actions" },
             React.createElement(Row, null,
-                React.createElement(Button, { onClick: function () { return onClickedBackBtn(coBenefitDetails); } }, t("back")),
-                React.createElement(Button, { className: "mg-left-1", type: "primary", loading: loading, onClick: onCoBenefitSubmit }, submitButtonText ? submitButtonText : t("submit")))))));
+                React.createElement(Button, { onClick: function () { return onClickedBackBtn(coBenefitDetails); } }, t("back", { ns: "coBenifits" })),
+                React.createElement(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 = useState(1), current = _a[0], setCurrent = _a[1];
     var _b = useState(), programmeDetails = _b[0], setprogrammeDetails = _b[1];
     var _c = useState(), ndcActionDetails = _c[0], setNdcActionDetails = _c[1];
@@ -19878,7 +19902,7 @@ var AddNdcActionComponent = function (props) {
                     React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "right", trigger: "hover", title: t("ndcAction:ndcToolTip"), overlayClassName: "custom-tooltip" },
                         React.createElement(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" },
@@ -19887,7 +19911,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()) {
@@ -19953,7 +19977,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;
@@ -19966,6 +19990,8 @@ var NdcActionViewComponent = function (props) {
     var _k = useState([]), programmeOwnerId = _k[0], setProgrammeOwnerId = _k[1];
     var _l = useState(false), canUploadMonitorReport = _l[0], setCanUploadMonitorReport = _l[1];
     var _m = 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;
@@ -20335,7 +20361,7 @@ var NdcActionViewComponent = function (props) {
                     React.createElement(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";