@undp/carbon-library 1.0.292-CARBON-337.2 → 1.0.292-CARBON-423.1

package/dist/cjs/index.js

@@ -20599,203 +20599,204 @@ var Safeguards = function (props) {
 
 var Environmental = function (props) {
     var onFormSubmit = props.onFormSubmit, environmentalViewData = props.environmentalViewData, viewOnly = props.viewOnly, translator = props.translator;
-    var t = translator;
+    translator.setDefaultNamespace("unfcccSdTool");
+    var t = translator.t;
     var environmentalDetailsInitial = [
         {
-            section: t("coBenifits:air"),
+            section: t("air"),
             fields: [
                 {
                     name: "airQ1",
-                    label: t("coBenifits:airQ1"),
+                    label: t("airQ1"),
                     hide: false,
                     required: false,
                 },
                 {
                     name: "airQ2",
-                    label: t("coBenifits:airQ2"),
+                    label: t("airQ2"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "airQ3",
-                    label: t("coBenifits:airQ3"),
+                    label: t("airQ3"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "airQ4",
-                    label: t("coBenifits:airQ4"),
+                    label: t("airQ4"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "airQ5",
-                    label: t("coBenifits:airQ5"),
+                    label: t("airQ5"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "airQ6",
-                    label: t("coBenifits:airQ6"),
+                    label: t("airQ6"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "airQ7",
-                    label: t("coBenifits:airQ7"),
+                    label: t("airQ7"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "airQ8",
-                    label: t("coBenifits:airQ8"),
+                    label: t("airQ8"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "airQ9",
-                    label: t("coBenifits:airQ9"),
+                    label: t("airQ9"),
                     hide: true,
                     required: true,
                 },
             ],
         },
         {
-            section: t("coBenifits:land"),
+            section: t("land"),
             fields: [
                 {
                     name: "landQ1",
-                    label: t("coBenifits:landQ1"),
+                    label: t("landQ1"),
                     hide: false,
                     required: false,
                 },
                 {
                     name: "landQ2",
-                    label: t("coBenifits:landQ2"),
+                    label: t("landQ2"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "landQ3",
-                    label: t("coBenifits:landQ3"),
+                    label: t("landQ3"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "landQ4",
-                    label: t("coBenifits:landQ4"),
+                    label: t("landQ4"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "landQ5",
-                    label: t("coBenifits:landQ5"),
+                    label: t("landQ5"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "landQ6",
-                    label: t("coBenifits:landQ6"),
+                    label: t("landQ6"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "landQ7",
-                    label: t("coBenifits:landQ7"),
+                    label: t("landQ7"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "landQ8",
-                    label: t("coBenifits:landQ8"),
+                    label: t("landQ8"),
                     hide: true,
                     required: true,
                 },
             ],
         },
         {
-            section: t("coBenifits:water"),
+            section: t("water"),
             fields: [
                 {
                     name: "waterQ1",
-                    label: t("coBenifits:waterQ1"),
+                    label: t("waterQ1"),
                     hide: false,
                     required: false,
                 },
                 {
                     name: "waterQ2",
-                    label: t("coBenifits:waterQ2"),
+                    label: t("waterQ2"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "waterQ3",
-                    label: t("coBenifits:waterQ3"),
+                    label: t("waterQ3"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "waterQ4",
-                    label: t("coBenifits:waterQ4"),
+                    label: t("waterQ4"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "waterQ5",
-                    label: t("coBenifits:waterQ5"),
+                    label: t("waterQ5"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "waterQ6",
-                    label: t("coBenifits:waterQ6"),
+                    label: t("waterQ6"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "waterQ7",
-                    label: t("coBenifits:waterQ7"),
+                    label: t("waterQ7"),
                     hide: true,
                     required: true,
                 },
             ],
         },
         {
-            section: t("coBenifits:naturalResource"),
+            section: t("naturalResource"),
             fields: [
                 {
                     name: "naturalResourceQ1",
-                    label: t("coBenifits:naturalResourceQ1"),
+                    label: t("naturalResourceQ1"),
                     hide: false,
                     required: false,
                 },
                 {
                     name: "naturalResourceQ2",
-                    label: t("coBenifits:naturalResourceQ2"),
+                    label: t("naturalResourceQ2"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "naturalResourceQ3",
-                    label: t("coBenifits:naturalResourceQ3"),
+                    label: t("naturalResourceQ3"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "naturalResourceQ4",
-                    label: t("coBenifits:naturalResourceQ4"),
+                    label: t("naturalResourceQ4"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "naturalResourceQ5",
-                    label: t("coBenifits:naturalResourceQ5"),
+                    label: t("naturalResourceQ5"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "naturalResourceQ6",
-                    label: t("coBenifits:naturalResourceQ6"),
+                    label: t("naturalResourceQ6"),
                     hide: true,
                     required: true,
                 },
@@ -20832,35 +20833,35 @@ var Environmental = function (props) {
         if (environmentalViewData && viewOnly === true) {
             var updatedEnvironmentalData = [
                 {
-                    section: t("coBenifits:air"),
+                    section: t("air"),
                     fields: [],
                 },
                 {
-                    section: t("coBenifits:land"),
+                    section: t("land"),
                     fields: [],
                 },
                 {
-                    section: t("coBenifits:water"),
+                    section: t("water"),
                     fields: [],
                 },
                 {
-                    section: t("coBenifits:naturalResource"),
+                    section: t("naturalResource"),
                     fields: [],
                 },
             ];
             var _loop_1 = function (key) {
                 var section = "";
                 if (String(key).includes("air")) {
-                    section = t("coBenifits:air");
+                    section = t("air");
                 }
                 else if (String(key).includes("land")) {
-                    section = t("coBenifits:land");
+                    section = t("land");
                 }
                 else if (String(key).includes("water")) {
-                    section = t("coBenifits:water");
+                    section = t("water");
                 }
                 else if (String(key).includes("naturalResource")) {
-                    section = t("coBenifits:naturalResource");
+                    section = t("naturalResource");
                 }
                 var environmentalItem = updatedEnvironmentalData.find(function (item) { return item.section === section; });
                 if (environmentalItem) {
@@ -20888,11 +20889,11 @@ var Environmental = function (props) {
                     React.createElement(antd.Row, { justify: "center", align: "middle", style: { width: "100%" } },
                         React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
                             React.createElement("span", null,
-                                React.createElement("a", { target: "_blank", href: "https://www4.unfccc.int/sites/sdcmicrosite/Pages/Create-a-report.aspx" }, t("coBenifits:unfcccSdToolTitle")))),
+                                React.createElement("a", { target: "_blank", href: "https://www4.unfccc.int/sites/sdcmicrosite/Pages/Create-a-report.aspx" }, t("unfcccSdToolTitle")))),
                         React.createElement(antd.Col, { span: 24 },
                             React.createElement("div", { className: "unfccSdTool-section-divider" })),
                         React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
-                            React.createElement("span", null, t("coBenifits:environmental"))),
+                            React.createElement("span", null, t("environmental"))),
                         React.createElement(antd.Col, { span: 24 },
                             React.createElement("div", { className: "unfccSdTool-section-divider", style: { marginBottom: "20px" } })))),
                 (environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.length) === 0 && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })), environmentalDetails === null || environmentalDetails === void 0 ? void 0 :
@@ -20905,188 +20906,189 @@ var Environmental = function (props) {
                                     {
                                         required: field === null || field === void 0 ? void 0 : field.required,
                                         message: (field === null || field === void 0 ? void 0 : field.required) &&
-                                            "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("coBenifits:isRequired")),
+                                            "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
                                     },
                                 ] },
                                 React.createElement(antd.Radio.Group, { size: "middle", onChange: function () { }, disabled: environmentalViewData && true }, environmentalViewData ? (React.createElement(React.Fragment, null,
                                     (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
-                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("coBenifits:yes")))),
+                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes")))),
                                     (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
-                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("coBenifits:no")))),
+                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no")))),
                                     (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
-                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("coBenifits:na")))))) : (React.createElement(React.Fragment, null,
+                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
                                     React.createElement("div", { className: "yes-no-radio-container" },
-                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("coBenifits:yes"))),
+                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
                                     React.createElement("div", { className: "yes-no-radio-container" },
-                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("coBenifits:no"))),
+                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no"))),
                                     React.createElement("div", { className: "yes-no-radio-container" },
-                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("coBenifits:na"))))))));
+                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na"))))))));
                         })));
                 })))));
 };
 
 var Economic = function (props) {
     var onFormSubmit = props.onFormSubmit, economicViewData = props.economicViewData, viewOnly = props.viewOnly, translator = props.translator;
-    var t = translator;
+    translator.setDefaultNamespace("unfcccSdTool");
+    var t = translator.t;
     var economicDetailsInitial = [
         {
-            section: t("coBenifits:growth"),
+            section: t("growth"),
             fields: [
                 {
                     name: "growthQ1",
-                    label: t("coBenifits:growthQ1"),
+                    label: t("growthQ1"),
                     hide: false,
                     required: false,
                 },
                 {
                     name: "growthQ2",
-                    label: t("coBenifits:growthQ2"),
+                    label: t("growthQ2"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "growthQ3",
-                    label: t("coBenifits:growthQ3"),
+                    label: t("growthQ3"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "growthQ4",
-                    label: t("coBenifits:growthQ4"),
+                    label: t("growthQ4"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "growthQ5",
-                    label: t("coBenifits:growthQ5"),
+                    label: t("growthQ5"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "growthQ6",
-                    label: t("coBenifits:growthQ6"),
+                    label: t("growthQ6"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "growthQ7",
-                    label: t("coBenifits:growthQ7"),
+                    label: t("growthQ7"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "growthQ8",
-                    label: t("coBenifits:growthQ8"),
+                    label: t("growthQ8"),
                     hide: true,
                     required: true,
                 },
             ],
         },
         {
-            section: t("coBenifits:energy"),
+            section: t("energy"),
             fields: [
                 {
                     name: "energyQ1",
-                    label: t("coBenifits:energyQ1"),
+                    label: t("energyQ1"),
                     hide: false,
                     required: false,
                 },
                 {
                     name: "energyQ2",
-                    label: t("coBenifits:energyQ2"),
+                    label: t("energyQ2"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "energyQ3",
-                    label: t("coBenifits:energyQ3"),
+                    label: t("energyQ3"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "energyQ4",
-                    label: t("coBenifits:energyQ4"),
+                    label: t("energyQ4"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "energyQ5",
-                    label: t("coBenifits:energyQ5"),
+                    label: t("energyQ5"),
                     hide: true,
                     required: true,
                 },
             ],
         },
         {
-            section: t("coBenifits:techTransfer"),
+            section: t("techTransfer"),
             fields: [
                 {
                     name: "techTransferQ1",
-                    label: t("coBenifits:techTransferQ1"),
+                    label: t("techTransferQ1"),
                     hide: false,
                     required: false,
                 },
                 {
                     name: "techTransferQ2",
-                    label: t("coBenifits:techTransferQ2"),
+                    label: t("techTransferQ2"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "techTransferQ3",
-                    label: t("coBenifits:techTransferQ3"),
+                    label: t("techTransferQ3"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "techTransferQ4",
-                    label: t("coBenifits:techTransferQ4"),
+                    label: t("techTransferQ4"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "techTransferQ5",
-                    label: t("coBenifits:techTransferQ5"),
+                    label: t("techTransferQ5"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "techTransferQ6",
-                    label: t("coBenifits:techTransferQ6"),
+                    label: t("techTransferQ6"),
                     hide: true,
                     required: true,
                 },
             ],
         },
         {
-            section: t("coBenifits:balanceOfPayments"),
+            section: t("balanceOfPayments"),
             fields: [
                 {
                     name: "balanceOfPaymentsQ1",
-                    label: t("coBenifits:balanceOfPaymentsQ1"),
+                    label: t("balanceOfPaymentsQ1"),
                     hide: false,
                     required: false,
                 },
                 {
                     name: "balanceOfPaymentsQ2",
-                    label: t("coBenifits:balanceOfPaymentsQ2"),
+                    label: t("balanceOfPaymentsQ2"),
                     hide: true,
                     required: true,
                 },
                 {
                     name: "balanceOfPaymentsQ3",
-                    label: t("coBenifits:balanceOfPaymentsQ3"),
+                    label: t("balanceOfPaymentsQ3"),
                     hide: true,
                     required: true,
                 },
             ],
         },
         {
-            section: t("coBenifits:furtherInfo"),
+            section: t("furtherInfo"),
             fields: [
                 {
                     name: "furtherInfoQ1",
-                    label: t("coBenifits:furtherInfoQ1"),
+                    label: t("furtherInfoQ1"),
                     hide: false,
                     required: false,
                 },
@@ -21122,42 +21124,42 @@ var Economic = function (props) {
         if (economicViewData && viewOnly === true) {
             var updatedEconomicData = [
                 {
-                    section: t("coBenifits:growth"),
+                    section: t("growth"),
                     fields: [],
                 },
                 {
-                    section: t("coBenifits:energy"),
+                    section: t("energy"),
                     fields: [],
                 },
                 {
-                    section: t("coBenifits:techTransfer"),
+                    section: t("techTransfer"),
                     fields: [],
                 },
                 {
-                    section: t("coBenifits:balanceOfPayments"),
+                    section: t("balanceOfPayments"),
                     fields: [],
                 },
                 {
-                    section: t("coBenifits:furtherInfo"),
+                    section: t("furtherInfo"),
                     fields: [],
                 },
             ];
             var _loop_1 = function (key) {
                 var section = "";
                 if (String(key).includes("growth")) {
-                    section = t("coBenifits:growth");
+                    section = t("growth");
                 }
                 else if (String(key).includes("energy")) {
-                    section = t("coBenifits:energy");
+                    section = t("energy");
                 }
                 else if (String(key).includes("techTransfer")) {
-                    section = t("coBenifits:techTransfer");
+                    section = t("techTransfer");
                 }
                 else if (String(key).includes("balanceOfPayments")) {
-                    section = t("coBenifits:balanceOfPayments");
+                    section = t("balanceOfPayments");
                 }
                 else if (String(key).includes("furtherInfo")) {
-                    section = t("coBenifits:furtherInfo");
+                    section = t("furtherInfo");
                 }
                 var economicItem = updatedEconomicData.find(function (item) { return item.section === section; });
                 if (economicItem) {
@@ -21185,7 +21187,7 @@ var Economic = function (props) {
                         React.createElement(antd.Col, { span: 24 },
                             React.createElement("div", { className: "unfccSdTool-section-divider" })),
                         React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
-                            React.createElement("span", null, t("coBenifits:economic"))))),
+                            React.createElement("span", null, t("economic"))))),
                 (economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.length) === 0 && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })), economicDetails === null || economicDetails === void 0 ? void 0 :
                 economicDetails.map(function (environmentalDetail) {
                     var _a;
@@ -21196,193 +21198,194 @@ var Economic = function (props) {
                                     {
                                         required: field === null || field === void 0 ? void 0 : field.required,
                                         message: (field === null || field === void 0 ? void 0 : field.required) &&
-                                            "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("coBenifits:isRequired")),
+                                            "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
                                     },
                                 ] },
                                 React.createElement(antd.Radio.Group, { size: "middle", onChange: function () { }, disabled: economicViewData && true }, economicViewData ? (React.createElement(React.Fragment, null,
                                     (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
-                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("coBenifits:yes")))),
+                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes")))),
                                     (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
-                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("coBenifits:no")))),
+                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no")))),
                                     (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
-                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("coBenifits:na")))))) : (React.createElement(React.Fragment, null,
+                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
                                     React.createElement("div", { className: "yes-no-radio-container" },
-                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("coBenifits:yes"))),
+                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
                                     React.createElement("div", { className: "yes-no-radio-container" },
-                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("coBenifits:no"))),
+                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no"))),
                                     React.createElement("div", { className: "yes-no-radio-container" },
-                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("coBenifits:na"))))))));
+                                        React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na"))))))));
                         })));
                 })))));
 };
 
 var Social = function (props) {
     var onFormSubmit = props.onFormSubmit, socialViewData = props.socialViewData, viewOnly = props.viewOnly, translator = props.translator;
-    var t = translator;
+    translator.setDefaultNamespace("unfcccSdTool");
+    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];
     var _c = React.useState(true), isFormValid = _c[0], setIsFormValid = _c[1];
     var SocialElementDetails = [
         {
-            title: t("coBenifits:jobs"),
-            label: t("coBenifits:jobRelatedMainQ"),
+            title: t("jobs"),
+            label: t("jobRelatedMainQ"),
             name: "jobRelatedMainQ",
             subItems: [
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:jobRelatedSubQ1"),
+                    label: t("jobRelatedSubQ1"),
                     name: "jobRelatedSubQ1",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:jobRelatedSubQ2"),
+                    label: t("jobRelatedSubQ2"),
                     name: "jobRelatedSubQ2",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:jobRelatedSubQ3"),
+                    label: t("jobRelatedSubQ3"),
                     name: "jobRelatedSubQ3",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:jobRelatedSubQ4"),
+                    label: t("jobRelatedSubQ4"),
                     name: "jobRelatedSubQ4",
                 },
                 {
                     type: exports.FormElementType.Input,
-                    label: t("coBenifits:jobRelatedSubQ5"),
+                    label: t("jobRelatedSubQ5"),
                     name: "jobRelatedSubQ5",
                 },
                 {
                     type: exports.FormElementType.Input,
-                    label: t("coBenifits:jobRelatedSubQ6"),
+                    label: t("jobRelatedSubQ6"),
                     name: "jobRelatedSubQ6",
                 },
                 {
                     type: exports.FormElementType.Input,
-                    label: t("coBenifits:jobRelatedSubQ7"),
+                    label: t("jobRelatedSubQ7"),
                     name: "jobRelatedSubQ7",
                 },
             ],
         },
         {
-            title: t("coBenifits:health"),
-            label: t("coBenifits:healthRelatedMainQ"),
+            title: t("health"),
+            label: t("healthRelatedMainQ"),
             name: "healthRelatedMainQ",
             subItems: [
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:healthRelatedSubQ1"),
+                    label: t("healthRelatedSubQ1"),
                     name: "healthRelatedSubQ1",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:healthRelatedSubQ2"),
+                    label: t("healthRelatedSubQ2"),
                     name: "healthRelatedSubQ2",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:healthRelatedSubQ3"),
+                    label: t("healthRelatedSubQ3"),
                     name: "healthRelatedSubQ3",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:healthRelatedSubQ4"),
+                    label: t("healthRelatedSubQ4"),
                     name: "healthRelatedSubQ4",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:healthRelatedSubQ5"),
+                    label: t("healthRelatedSubQ5"),
                     name: "healthRelatedSubQ5",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:healthRelatedSubQ6"),
+                    label: t("healthRelatedSubQ6"),
                     name: "healthRelatedSubQ6",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:healthRelatedSubQ7"),
+                    label: t("healthRelatedSubQ7"),
                     name: "healthRelatedSubQ7",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:healthRelatedSubQ8"),
+                    label: t("healthRelatedSubQ8"),
                     name: "healthRelatedSubQ8",
                 },
             ],
         },
         {
-            title: t("coBenifits:educational"),
-            label: t("coBenifits:educationRelatedMainQ"),
+            title: t("educational"),
+            label: t("educationRelatedMainQ"),
             name: "educationRelatedMainQ",
             subItems: [
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:educationRelatedSubQ1"),
+                    label: t("educationRelatedSubQ1"),
                     name: "educationRelatedSubQ1",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:educationRelatedSubQ2"),
+                    label: t("educationRelatedSubQ2"),
                     name: "educationRelatedSubQ2",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:educationRelatedSubQ3"),
+                    label: t("educationRelatedSubQ3"),
                     name: "educationRelatedSubQ3",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:educationRelatedSubQ4"),
+                    label: t("educationRelatedSubQ4"),
                     name: "educationRelatedSubQ4",
                 },
             ],
         },
         {
-            title: t("coBenifits:welfare"),
-            label: t("coBenifits:welfareRelatedMainQ"),
+            title: t("welfare"),
+            label: t("welfareRelatedMainQ"),
             name: "welfareRelatedMainQ",
             subItems: [
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:welfareRelatedSubQ1"),
+                    label: t("welfareRelatedSubQ1"),
                     name: "welfareRelatedSubQ1",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:welfareRelatedSubQ2"),
+                    label: t("welfareRelatedSubQ2"),
                     name: "welfareRelatedSubQ2",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:welfareRelatedSubQ3"),
+                    label: t("welfareRelatedSubQ3"),
                     name: "welfareRelatedSubQ3",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:welfareRelatedSubQ4"),
+                    label: t("welfareRelatedSubQ4"),
                     name: "welfareRelatedSubQ4",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:welfareRelatedSubQ5"),
+                    label: t("welfareRelatedSubQ5"),
                     name: "welfareRelatedSubQ5",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:welfareRelatedSubQ6"),
+                    label: t("welfareRelatedSubQ6"),
                     name: "welfareRelatedSubQ6",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:welfareRelatedSubQ7"),
+                    label: t("welfareRelatedSubQ7"),
                     name: "welfareRelatedSubQ7",
                 },
                 {
                     type: exports.FormElementType.Radio,
-                    label: t("coBenifits:welfareRelatedSubQ8"),
+                    label: t("welfareRelatedSubQ8"),
                     name: "welfareRelatedSubQ8",
                 },
             ],
@@ -21441,7 +21444,7 @@ var Social = function (props) {
                 React.createElement(antd.Col, { span: 24 },
                     React.createElement("div", { className: "unfccSdTool-section-divider" })),
                 React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
-                    React.createElement("span", null, t("coBenifits:social"))))),
+                    React.createElement("span", null, t("social"))))),
         viewOnly && !socialViewData && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
         ((viewOnly && socialViewData) || !viewOnly) && (React.createElement(antd.Form, { name: "socialDetails", labelWrap: true, form: form, labelAlign: "left", labelCol: { md: 16, lg: 18, xl: 18 }, wrapperCol: { md: 8, lg: 6, xl: 6 }, layout: "horizontal", onValuesChange: onSocialValuesChanged }, SocialElementDetails.map(function (element) {
             return (React.createElement(React.Fragment, null,
@@ -21452,11 +21455,11 @@ var Social = function (props) {
                     React.createElement(antd.Form.Item, { className: "mg-left-2", label: element.label, name: element.name },
                         React.createElement(antd.Radio.Group, { size: "middle", onChange: onRadioStatusChanged },
                             React.createElement("div", { className: "radio-container" },
-                                React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.YES }, t("coBenifits:yes"))),
+                                React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
                             React.createElement("div", { className: "radio-container" },
-                                React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.NO }, t("coBenifits:no"))),
+                                React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.NO }, t("no"))),
                             React.createElement("div", { className: "radio-container" },
-                                React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.NA }, t("coBenifits:na"))))),
+                                React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.NA }, t("na"))))),
                     form.getFieldValue(element.name) ===
                         exports.RadioButtonStatus.YES &&
                         element.subItems.map(function (elementItem) {
@@ -21469,11 +21472,11 @@ var Social = function (props) {
                                     ] },
                                     React.createElement(antd.Radio.Group, { size: "middle" },
                                         React.createElement("div", { className: "radio-container" },
-                                            React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.YES }, t("coBenifits:yes"))),
+                                            React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
                                         React.createElement("div", { className: "radio-container" },
-                                            React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.NO }, t("coBenifits:no"))),
+                                            React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.NO }, t("no"))),
                                         React.createElement("div", { className: "radio-container" },
-                                            React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.NA }, t("coBenifits:na"))))));
+                                            React.createElement(antd.Radio.Button, { className: "radio", value: exports.RadioButtonStatus.NA }, t("na"))))));
                             }
                             else if (elementItem.type === exports.FormElementType.Input) {
                                 return (React.createElement(antd.Form.Item, { className: "mg-left-4", labelCol: { span: 24 }, wrapperCol: { span: 24 }, label: elementItem.label, name: elementItem.name },
@@ -22021,14 +22024,14 @@ 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, translator: t }),
+                        : undefined, viewOnly: viewOnly || false, translator: translator }),
                 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, translator: t }),
+                        (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, translator: translator }),
                 React.createElement(Economic, { onFormSubmit: onEconomicFormSubmit, economicViewData: viewOnly
                         ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic)
                             ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic
                             : {}
-                        : undefined, viewOnly: viewOnly || false, translator: t }))),
+                        : undefined, viewOnly: viewOnly || false, translator: translator }))),
         },
         {
             label: t("coBenifits:assessment"),
@@ -27625,7 +27628,7 @@ var EditableCell = function (_a) {
         React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiPlaceHolder") }))) : (children)));
 };
 
-var css_248z$7 = ".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\n.ndc-details .ant-input-number-input-wrap {\n  margin-right: 10px; }\n\n.ndc-details tbody {\n  vertical-align: top; }\n\n.ndc-details td .ant-space-item {\n  margin-top: 5px; }\n\n.ndc-details .btn-danger {\n  color: #ff4d4f !important;\n  border-color: #ff8183 !important; }\n";
+var css_248z$7 = ".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\n.ndc-details .ant-input-number-input-wrap {\n  margin-right: 10px; }\n\n.ndc-details tbody {\n  vertical-align: top; }\n\n.ndc-details td .ant-space-item {\n  margin-top: 5px; }\n\n.ndc-details .ant-table-pagination.ant-pagination {\n  margin-top: 16px;\n  margin-right: 0px;\n  margin-left: 24px;\n  margin-bottom: 0px; }\n\n.ndc-details .ndc-button-row {\n  margin-top: 16px; }\n\n.ndc-details .btn-danger {\n  color: #ff4d4f !important;\n  border-color: #ff8183 !important; }\n";
 styleInject(css_248z$7);
 
 var NdcDetailsActionType;
@@ -28061,7 +28064,7 @@ var NdcDetailsComponent = function (props) {
             }
             else {
                 setActionInfo({
-                    action: "Finalize",
+                    action: "Finalise",
                     headerText: t("ndc:finalizeApproveTitle"),
                     text: t("ndc:finalizeApproveSubTitle"),
                     type: "primary",
@@ -28132,7 +28135,7 @@ var NdcDetailsComponent = function (props) {
                                     !selectedPeriod.finalized && (React.createElement(antd.Row, { justify: "center" },
                                     React.createElement(antd.Button, { className: "btnAddNewMainAct", disabled: isMainActionInEditMode(), onClick: onClickedAddNewNdcDetail, type: "default" }, t("ndc:addNdcAction"))));
                             } })))),
-            isGovernmentUser && selectedPeriod && !selectedPeriod.finalized ? (React.createElement(antd.Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
+            isGovernmentUser && selectedPeriod && !selectedPeriod.finalized ? (React.createElement(antd.Row, { justify: "end", className: "ndc-button-row" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
                 React.createElement(antd.Button, { className: "mg-left-1", disabled: true }, t("ndc:delete")),
                 React.createElement(antd.Button, { className: "mg-left-1", disabled: true }, t("ndc:finalize")))) : (React.createElement(React.Fragment, null,
                 React.createElement(antd.Button, { className: "mg-left-1 btn-danger", onClick: onClickedDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
@@ -28162,11 +28165,21 @@ var NdcDetailsComponent = function (props) {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    _a.trys.push([0, 4, , 5]);
-                    if (!(selectedDateRangeRef &&
-                        selectedDateRangeRef.current &&
-                        selectedDateRangeRef.current.startYear &&
-                        selectedDateRangeRef.current.endYear)) return [3 /*break*/, 3];
+                    if (!selectedDateRangeRef ||
+                        !selectedDateRangeRef.current ||
+                        !selectedDateRangeRef.current.startYear ||
+                        !selectedDateRangeRef.current.endYear) {
+                        antd.message.open({
+                            type: "error",
+                            content: t("ndc:invalidYearsSelected"),
+                            duration: 3,
+                            style: { textAlign: "right", marginRight: 15, marginTop: 10 },
+                        });
+                        return [2 /*return*/];
+                    }
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 5, , 6]);
                     periodItem_1 = {
                         startYear: selectedDateRangeRef.current.startYear,
                         endYear: selectedDateRangeRef.current.endYear,
@@ -28176,27 +28189,28 @@ var NdcDetailsComponent = function (props) {
                         return inRange(periodItem_1.startYear, item.startYear, item.endYear) ||
                             inRange(periodItem_1.endYear, item.startYear, item.endYear);
                     });
-                    if (!(existingIndex === -1)) return [3 /*break*/, 2];
+                    if (!(existingIndex === -1)) return [3 /*break*/, 3];
                     return [4 /*yield*/, post("national/programme/addNdcDetailsPeriod", __assign({}, periodItem_1))];
-                case 1:
+                case 2:
                     response = _a.sent();
                     if (response && response.data) {
                         addedPeriodItem = response.data;
                         updatedPeriodItem_1 = __assign(__assign({}, addedPeriodItem), { key: addedPeriodItem.id, label: "".concat(addedPeriodItem.startYear, "-").concat(addedPeriodItem.endYear) });
                         setPeriodItems(function (items) { return __spreadArray(__spreadArray([], items, true), [updatedPeriodItem_1], false); });
                         setSelectedPeriod(updatedPeriodItem_1);
+                        selectedDateRangeRef.current = null;
                     }
-                    return [3 /*break*/, 3];
-                case 2:
+                    return [3 /*break*/, 4];
+                case 3:
                     antd.message.open({
                         type: "error",
                         content: t("ndc:rangeAlreadyExists"),
                         duration: 3,
                         style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                     });
-                    _a.label = 3;
-                case 3: return [3 /*break*/, 5];
-                case 4:
+                    _a.label = 4;
+                case 4: return [3 /*break*/, 6];
+                case 5:
                     exception_3 = _a.sent();
                     antd.message.open({
                         type: "error",
@@ -28204,8 +28218,8 @@ var NdcDetailsComponent = function (props) {
                         duration: 3,
                         style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                     });
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/];
+                    return [3 /*break*/, 6];
+                case 6: return [2 /*return*/];
             }
         });
     }); };
@@ -28227,6 +28241,12 @@ var NdcDetailsComponent = function (props) {
                 selectedDateRangeRef.current = period;
             }
         }
+        else {
+            selectedDateRangeRef.current = {
+                startYear: range,
+                endYear: range,
+            };
+        }
     };
     var onTabChange = function (key) {
         var selectedPeriod = periodItems.find(function (item) { return item.key === key; });
@@ -28259,7 +28279,7 @@ var NdcDetailsComponent = function (props) {
                     actionResponse = _a.sent();
                     return [3 /*break*/, 9];
                 case 5:
-                    if (!(actionInfo.action === "Finalize")) return [3 /*break*/, 7];
+                    if (!(actionInfo.action === "Finalise")) return [3 /*break*/, 7];
                     return [4 /*yield*/, post("national/programme/finalizeNdcDetailsPeriod", {
                             id: selectedPeriod.key,
                         })];
@@ -28295,7 +28315,7 @@ var NdcDetailsComponent = function (props) {
                             });
                             fetchNdcDetailPeriods();
                         }
-                        else if (actionInfo.action === "Finalize") {
+                        else if (actionInfo.action === "Finalise") {
                             antd.message.open({
                                 type: "success",
                                 content: t("ndc:finalizeSuccessMsg"),