@undp/carbon-library 1.0.175-CARBON-347.7 → 1.0.175-CARBON-347.8

Sign up to get free protection for your applications and to get access to all the features.
@@ -18,6 +18,10 @@ export declare enum InvestmentCreationType {
18
18
  EXISTING = "Existing",
19
19
  NEW = "New"
20
20
  }
21
+ export declare enum InvestmentOwnershipType {
22
+ PROJECT = "Project",
23
+ NATIONAL = "National"
24
+ }
21
25
  export declare enum InvestmentStream {
22
26
  CLIMATE_FINANCE = "ClimateFinance",
23
27
  CARBON_MARKET = "CarbonMarket"
package/dist/esm/index.js CHANGED
@@ -1213,6 +1213,11 @@ var InvestmentCreationType;
1213
1213
  InvestmentCreationType["EXISTING"] = "Existing";
1214
1214
  InvestmentCreationType["NEW"] = "New";
1215
1215
  })(InvestmentCreationType || (InvestmentCreationType = {}));
1216
+ var InvestmentOwnershipType;
1217
+ (function (InvestmentOwnershipType) {
1218
+ InvestmentOwnershipType["PROJECT"] = "Project";
1219
+ InvestmentOwnershipType["NATIONAL"] = "National";
1220
+ })(InvestmentOwnershipType || (InvestmentOwnershipType = {}));
1216
1221
  var InvestmentStream;
1217
1222
  (function (InvestmentStream) {
1218
1223
  InvestmentStream["CLIMATE_FINANCE"] = "ClimateFinance";
@@ -15629,7 +15634,7 @@ var UserManagementComponent = function (props) {
15629
15634
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
15630
15635
  };
15631
15636
 
15632
- var css_248z$j = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Rejected'] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Cancelled'] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Accepted'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-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.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Recognised'] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='NotRecognised'] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n";
15637
+ var css_248z$j = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.details-part-two .ant-input-number {\n width: 50%;\n margin-left: 15px; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Rejected\"] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Cancelled\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Accepted\"] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-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.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Recognised\"] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"NotRecognised\"] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n";
15633
15638
  styleInject(css_248z$j);
15634
15639
 
15635
15640
  var Loading = function () {
@@ -15640,18 +15645,22 @@ var InvestmentCreationComponent = function (props) {
15640
15645
  var t = props.t, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
15641
15646
  var state = useLocation().state;
15642
15647
  var _a = useState(), data = _a[0], setData = _a[1];
15648
+ var _b = useState(), projectData = _b[0], setProjectData = _b[1];
15649
+ var _c = useState([]), allProjectData = _c[0], setAllProjectData = _c[1];
15643
15650
  var formOne = Form.useForm()[0];
15644
15651
  var formTwo = Form.useForm()[0];
15645
15652
  var post = useConnection().post;
15646
- var _b = useState(false), loading = _b[0], setLoading = _b[1];
15647
- var _c = useState("New"), typeCreation = _c[0], setTypeCreation = _c[1];
15648
- var _d = useState(false), loadingList = _d[0], setLoadingList = _d[1];
15649
- var _e = useState(0), current = _e[0], setCurrent = _e[1];
15650
- var _f = useState(0), currentPercTotal = _f[0], setCurrentPercTotal = _f[1];
15651
- var _g = useState([]), organisationsList = _g[0], setOrganisationList = _g[1];
15652
- var _h = useState([]), instrument = _h[0], setInstrument = _h[1];
15653
- var _j = useState(), stepOneData = _j[0], setStepOneData = _j[1];
15654
- var _k = useState(), govData = _k[0], setGovData = _k[1];
15653
+ var _d = useState(false), loading = _d[0], setLoading = _d[1];
15654
+ var _e = useState("New"), typeCreation = _e[0], setTypeCreation = _e[1];
15655
+ var _f = useState(InvestmentOwnershipType.PROJECT), investmentOwnershipType = _f[0], setInvestmentOwnershipType = _f[1];
15656
+ var _g = useState(false), loadingList = _g[0], setLoadingList = _g[1];
15657
+ var _h = useState(false), loadingProgData = _h[0], setLoadingProgData = _h[1];
15658
+ var _j = useState(0), current = _j[0], setCurrent = _j[1];
15659
+ var _k = useState(0), currentPercTotal = _k[0], setCurrentPercTotal = _k[1];
15660
+ var _l = useState([]), organisationsList = _l[0], setOrganisationList = _l[1];
15661
+ var _m = useState([]), instrument = _m[0], setInstrument = _m[1];
15662
+ var _o = useState(), stepOneData = _o[0], setStepOneData = _o[1];
15663
+ var _p = useState(), govData = _p[0], setGovData = _p[1];
15655
15664
  var userInfoState = useUserContext().userInfoState;
15656
15665
  var instrumentOptions = Object.keys(Instrument).map(function (k, index) { return ({
15657
15666
  label: addSpaces(Object.values(Instrument)[index]),
@@ -15703,8 +15712,77 @@ var InvestmentCreationComponent = function (props) {
15703
15712
  }
15704
15713
  });
15705
15714
  }); };
15715
+ var getAllProjectData = function () { return __awaiter(void 0, void 0, void 0, function () {
15716
+ var response, error_2;
15717
+ return __generator(this, function (_a) {
15718
+ switch (_a.label) {
15719
+ case 0:
15720
+ setLoadingProgData(true);
15721
+ _a.label = 1;
15722
+ case 1:
15723
+ _a.trys.push([1, 5, 6, 7]);
15724
+ if (!!(data === null || data === void 0 ? void 0 : data.programmeId)) return [3 /*break*/, 3];
15725
+ console.log("getting all Project data");
15726
+ return [4 /*yield*/, post("national/programme/query", {
15727
+ page: 1,
15728
+ size: 100,
15729
+ filterAnd: [
15730
+ {
15731
+ key: "currentStage",
15732
+ operation: "!=",
15733
+ value: ProgrammeStageUnified.Rejected,
15734
+ },
15735
+ ],
15736
+ })];
15737
+ case 2:
15738
+ response = _a.sent();
15739
+ if (response.data) {
15740
+ if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == CompanyRole.PROGRAMME_DEVELOPER &&
15741
+ stepOneData.toCompanyId != userInfoState.companyId) {
15742
+ setAllProjectData(response === null || response === void 0 ? void 0 : response.data.map(function (obj) {
15743
+ if (obj.companyId.includes(userInfoState.companyId)) {
15744
+ return obj;
15745
+ }
15746
+ }));
15747
+ }
15748
+ else {
15749
+ setAllProjectData(response === null || response === void 0 ? void 0 : response.data);
15750
+ }
15751
+ console.log("all Project data", response === null || response === void 0 ? void 0 : response.data);
15752
+ }
15753
+ return [3 /*break*/, 4];
15754
+ case 3:
15755
+ console.log("setting current Project data");
15756
+ setAllProjectData([data]);
15757
+ _a.label = 4;
15758
+ case 4: return [3 /*break*/, 7];
15759
+ case 5:
15760
+ error_2 = _a.sent();
15761
+ console.log("Error in getting all programme data", error_2);
15762
+ return [3 /*break*/, 7];
15763
+ case 6:
15764
+ setLoadingProgData(false);
15765
+ return [7 /*endfinally*/];
15766
+ case 7: return [2 /*return*/];
15767
+ }
15768
+ });
15769
+ }); };
15770
+ var setSelectedProgramme = function (value) { return __awaiter(void 0, void 0, void 0, function () {
15771
+ var _i, allProjectData_1, obj;
15772
+ return __generator(this, function (_a) {
15773
+ console.log("setSelectedProgramme", value);
15774
+ for (_i = 0, allProjectData_1 = allProjectData; _i < allProjectData_1.length; _i++) {
15775
+ obj = allProjectData_1[_i];
15776
+ if (obj.programmeId == value) {
15777
+ setProjectData(obj);
15778
+ break;
15779
+ }
15780
+ }
15781
+ return [2 /*return*/];
15782
+ });
15783
+ }); };
15706
15784
  var getOrganisationsDetails = function () { return __awaiter(void 0, void 0, void 0, function () {
15707
- var filterAnd, _i, _a, c, response, error_2;
15785
+ var filterAnd, filterOr, _i, _a, c, response, error_3;
15708
15786
  return __generator(this, function (_b) {
15709
15787
  switch (_b.label) {
15710
15788
  case 0:
@@ -15713,6 +15791,7 @@ var InvestmentCreationComponent = function (props) {
15713
15791
  case 1:
15714
15792
  _b.trys.push([1, 3, 4, 5]);
15715
15793
  filterAnd = [];
15794
+ filterOr = [];
15716
15795
  filterAnd = [
15717
15796
  {
15718
15797
  key: "companyRole",
@@ -15720,18 +15799,18 @@ var InvestmentCreationComponent = function (props) {
15720
15799
  value: CompanyRole.PROGRAMME_DEVELOPER.toString(),
15721
15800
  },
15722
15801
  ];
15723
- if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.PROGRAMME_DEVELOPER) {
15724
- filterAnd.push({
15725
- key: "companyId",
15726
- operation: "!=",
15727
- value: userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyId,
15728
- });
15729
- }
15802
+ // if (userInfoState?.companyRole === CompanyRole.PROGRAMME_DEVELOPER) {
15803
+ // filterAnd.push({
15804
+ // key: "companyId",
15805
+ // operation: "!=",
15806
+ // value: userInfoState?.companyId,
15807
+ // });
15808
+ // }
15730
15809
  for (_i = 0, _a = data === null || data === void 0 ? void 0 : data.companyId; _i < _a.length; _i++) {
15731
15810
  c = _a[_i];
15732
- filterAnd.push({
15811
+ filterOr.push({
15733
15812
  key: "companyId",
15734
- operation: "!=",
15813
+ operation: "=",
15735
15814
  value: c,
15736
15815
  });
15737
15816
  }
@@ -15739,6 +15818,7 @@ var InvestmentCreationComponent = function (props) {
15739
15818
  page: 1,
15740
15819
  size: 100,
15741
15820
  filterAnd: filterAnd,
15821
+ filterOr: filterOr,
15742
15822
  })];
15743
15823
  case 2:
15744
15824
  response = _b.sent();
@@ -15747,8 +15827,8 @@ var InvestmentCreationComponent = function (props) {
15747
15827
  }
15748
15828
  return [3 /*break*/, 5];
15749
15829
  case 3:
15750
- error_2 = _b.sent();
15751
- console.log("Error in getting organization list", error_2);
15830
+ error_3 = _b.sent();
15831
+ console.log("Error in getting organization list", error_3);
15752
15832
  return [3 /*break*/, 5];
15753
15833
  case 4:
15754
15834
  setLoadingList(false);
@@ -15777,15 +15857,16 @@ var InvestmentCreationComponent = function (props) {
15777
15857
  }
15778
15858
  }
15779
15859
  getGovernmentDetails();
15860
+ getAllProjectData();
15780
15861
  }, [data]);
15781
- if (!data) {
15862
+ if (!data || allProjectData.length == 0) {
15782
15863
  return React.createElement(Loading, null);
15783
15864
  }
15784
15865
  console.log("data", data);
15785
15866
  var companyName = {};
15786
15867
  if (data && Object.keys(data)[0] !== "ownership") {
15787
- for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
15788
- var company = _l[_i];
15868
+ for (var _i = 0, _q = data === null || data === void 0 ? void 0 : data.company; _i < _q.length; _i++) {
15869
+ var company = _q[_i];
15789
15870
  companyName[company === null || company === void 0 ? void 0 : company.companyId] = company;
15790
15871
  }
15791
15872
  if (!data.proponentPercentage) {
@@ -15795,12 +15876,14 @@ var InvestmentCreationComponent = function (props) {
15795
15876
  var nextOne = function (val) {
15796
15877
  setCurrent(current + 1);
15797
15878
  setStepOneData(val);
15879
+ if (data === null || data === void 0 ? void 0 : data.programmeId)
15880
+ setSelectedProgramme(data.programmeId);
15798
15881
  };
15799
15882
  var prevOne = function () {
15800
15883
  setCurrent(current - 1);
15801
15884
  };
15802
15885
  var submitInvestment = function (val) { return __awaiter(void 0, void 0, void 0, function () {
15803
- var payload, response, error_3;
15886
+ var payload, response, error_4;
15804
15887
  return __generator(this, function (_a) {
15805
15888
  switch (_a.label) {
15806
15889
  case 0:
@@ -15837,11 +15920,11 @@ var InvestmentCreationComponent = function (props) {
15837
15920
  onNavigateToProgrammeView(data.programmeId);
15838
15921
  return [3 /*break*/, 5];
15839
15922
  case 3:
15840
- error_3 = _a.sent();
15841
- console.log("Error in investment creation - ", error_3);
15923
+ error_4 = _a.sent();
15924
+ console.log("Error in investment creation - ", error_4);
15842
15925
  message.open({
15843
15926
  type: "error",
15844
- content: error_3 === null || error_3 === void 0 ? void 0 : error_3.message,
15927
+ content: error_4 === null || error_4 === void 0 ? void 0 : error_4.message,
15845
15928
  duration: 4,
15846
15929
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
15847
15930
  });
@@ -15864,6 +15947,10 @@ var InvestmentCreationComponent = function (props) {
15864
15947
  console.log("radio checked", e.target.value);
15865
15948
  setTypeCreation(e.target.value);
15866
15949
  };
15950
+ var onChangeInvestmentOwnershipType = function (e) {
15951
+ console.log("investment ownership type radio checked", e.target.value);
15952
+ setInvestmentOwnershipType(e.target.value);
15953
+ };
15867
15954
  return (React.createElement("div", { className: "add-programme-main-container" },
15868
15955
  React.createElement("div", { className: "title-container" },
15869
15956
  React.createElement("div", { className: "main" }, t("programme:addInvestment")),
@@ -16085,100 +16172,181 @@ var InvestmentCreationComponent = function (props) {
16085
16172
  React.createElement(Row, { className: "row", gutter: [16, 16] },
16086
16173
  React.createElement(Col, { xl: 12, md: 24 },
16087
16174
  React.createElement(Form.Item, { label: t("programme:esgType"), name: "esgClassification" },
16088
- React.createElement(Select, { size: "large" }, Object.values(ESGType).map(function (esg) { return (React.createElement(Select.Option, { value: esg }, esg)); }))))),
16089
- React.createElement(Form.Item, null,
16090
- React.createElement("div", { className: "steps-actions" },
16091
- React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: nextOne }, t("programme:next")))))),
16175
+ React.createElement(Select, { size: "large" }, Object.values(ESGType).map(function (esg) { return (React.createElement(Select.Option, { value: esg }, esg)); }))))))),
16092
16176
  typeCreation == InvestmentCreationType.EXISTING && (React.createElement("div", null,
16093
16177
  React.createElement(Row, { className: "row", gutter: [16, 16] },
16094
16178
  React.createElement(Col, { xl: 12, md: 24 },
16095
16179
  React.createElement("div", { className: "details-part-one" },
16096
- React.createElement(Form.Item, { label: t("programme:investorName"), name: "toCompanyId", wrapperCol: { span: 24 }, className: "organisation", rules: [
16180
+ React.createElement(Form.Item, { label: t("programme:existingInvestmentSource"), name: "existinngInvestmentId", wrapperCol: { span: 24 }, rules: [
16097
16181
  {
16098
16182
  required: true,
16099
- message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
16183
+ message: "".concat(t("programme:existingInvestmentSource"), " ").concat(t("isRequired")),
16100
16184
  },
16101
16185
  ] },
16102
16186
  React.createElement(Select, { size: "large", loading: loadingList }, organisationsList.map(function (organisation) { return (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name)); })))))),
16103
16187
  React.createElement(Row, { className: "row", gutter: [16, 16] },
16104
16188
  React.createElement(Col, { xl: 12, md: 24 },
16105
- React.createElement("div", { className: "details-part-one" },
16106
- React.createElement(Form.Item, { label: t("programme:investorName"), name: "toCompanyId", wrapperCol: { span: 24 }, className: "organisation", rules: [
16189
+ React.createElement("div", { className: "details-part-two" },
16190
+ React.createElement(Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
16107
16191
  {
16108
16192
  required: true,
16109
- message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
16193
+ message: "",
16194
+ },
16195
+ {
16196
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16197
+ return __generator(this, function (_a) {
16198
+ if (String(value).trim() === "" ||
16199
+ String(value).trim() ===
16200
+ undefined ||
16201
+ value === null ||
16202
+ value === undefined) {
16203
+ throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
16204
+ }
16205
+ else if (!isNaN(value) &&
16206
+ Number(value) > 0) {
16207
+ return [2 /*return*/, Promise.resolve()];
16208
+ }
16209
+ else {
16210
+ throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
16211
+ }
16212
+ });
16213
+ }); },
16110
16214
  },
16111
16215
  ] },
16112
- React.createElement(Select, { size: "large", loading: loadingList }, organisationsList.map(function (organisation) { return (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name)); })))))))))))),
16216
+ React.createElement(Input, { size: "large" })))),
16217
+ React.createElement(Col, { xl: 12, md: 24 },
16218
+ React.createElement("div", { className: "details-part-two" },
16219
+ React.createElement(Form.Item, { label: " ", name: "sourceAmount" },
16220
+ React.createElement("div", null,
16221
+ "/",
16222
+ React.createElement(InputNumber, { size: "large", width: "100%", formatter: function (value) {
16223
+ return "$".concat(addCommSep(value));
16224
+ }, disabled: true })))))))),
16225
+ React.createElement(Form.Item, null,
16226
+ React.createElement("div", { className: "steps-actions" },
16227
+ React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: nextOne }, t("programme:next")))))))),
16113
16228
  },
16114
16229
  {
16115
16230
  title: (React.createElement("div", { className: "step-title-container" },
16116
16231
  React.createElement("div", { className: "step-count" }, "02"),
16117
16232
  React.createElement("div", { className: "title" }, t("programme:ownership")))),
16118
16233
  description: current === 1 && (React.createElement("div", null,
16119
- React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 && (React.createElement("div", { className: "programme-sought-form" },
16120
- React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment }, data === null || data === void 0 ? void 0 :
16121
- data.companyId.map(function (companyId, index) {
16122
- return (React.createElement(Row, { className: "row", gutter: [16, 16] },
16123
- React.createElement(Col, { xl: 8, md: 15 },
16124
- React.createElement("div", { className: "label" },
16125
- companyName[companyId].name,
16126
- React.createElement("span", { className: "required-mark" }, "*"))),
16127
- React.createElement(Col, { xl: 8, md: 9 },
16128
- React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
16129
- {
16130
- pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
16131
- message: "Percentage Should be a positive number",
16132
- },
16234
+ React.createElement("div", { className: "investment-sought-form-container" },
16235
+ React.createElement("div", { className: "investment-sought-form" },
16236
+ React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true },
16237
+ React.createElement(Row, { className: "row", gutter: [4, 4] },
16238
+ React.createElement(Col, { xl: 8, md: 12 },
16239
+ React.createElement(Form.Item, { label: t("programme:typeCreation"), wrapperCol: { span: 13 }, className: "role-group", name: "investmentOwnershipType", rules: [
16133
16240
  {
16134
- required: true,
16135
- message: "Required field",
16241
+ required: false,
16136
16242
  },
16137
- function (_a) {
16138
- var getFieldValue = _a.getFieldValue;
16139
- return ({
16140
- validator: function (rule, v) {
16141
- if (getFieldValue([
16142
- "percentage",
16143
- index,
16144
- ]) &&
16145
- parseFloat(getFieldValue([
16243
+ ] },
16244
+ React.createElement(Radio.Group, { size: "large", defaultValue: typeCreation ==
16245
+ InvestmentCreationType.EXISTING
16246
+ ? InvestmentOwnershipType.PROJECT
16247
+ : investmentOwnershipType }, Object.values(InvestmentOwnershipType).map(function (k, index) {
16248
+ if (!(typeCreation ==
16249
+ InvestmentCreationType.EXISTING &&
16250
+ k == InvestmentOwnershipType.NATIONAL) &&
16251
+ !(k ==
16252
+ InvestmentOwnershipType.NATIONAL &&
16253
+ (data === null || data === void 0 ? void 0 : data.programmeId))) {
16254
+ return (React.createElement("div", { className: "condition-radio-container" },
16255
+ React.createElement(Radio.Button, { className: "condition-radio", value: k, onChange: onChangeInvestmentOwnershipType, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) ==
16256
+ CompanyRole.PROGRAMME_DEVELOPER &&
16257
+ stepOneData.toCompanyId !=
16258
+ userInfoState.companyId &&
16259
+ k ==
16260
+ InvestmentOwnershipType.NATIONAL }, t("programme:" + k))));
16261
+ }
16262
+ })))))))),
16263
+ React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 && (React.createElement("div", { className: "programme-sought-form" },
16264
+ React.createElement(Form, { labelCol: { span: 20 }, wrapperCol: { span: 24 }, form: formTwo, name: "investment-sought", className: "investment-sought-form", layout: "vertical", requiredMark: true, onChange: onPercentageChange, onFinish: submitInvestment },
16265
+ investmentOwnershipType ==
16266
+ InvestmentOwnershipType.PROJECT && (React.createElement("div", null,
16267
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
16268
+ React.createElement(Col, { xl: 12, md: 24 },
16269
+ React.createElement("div", { className: "details-part-one" },
16270
+ React.createElement(Form.Item, { label: t("programme:title"), name: "projectId", wrapperCol: { span: 24 }, rules: [
16271
+ {
16272
+ required: true,
16273
+ message: "".concat(t("programme:title"), " ").concat(t("isRequired")),
16274
+ },
16275
+ ] },
16276
+ React.createElement(Select, { size: "large", loading: loadingProgData, defaultValue: allProjectData.length == 1
16277
+ ? allProjectData[0].title
16278
+ : null, disabled: allProjectData.length == 1, onChange: setSelectedProgramme }, allProjectData.map(function (project) { return (React.createElement(Select.Option, { key: project.programmeId, value: project.programmeId }, project.title)); })))))), projectData === null || projectData === void 0 ? void 0 :
16279
+ projectData.companyId.map(function (companyId, index) {
16280
+ if (formTwo.getFieldValue("percentage") &&
16281
+ formTwo.getFieldValue("percentage")[index] &&
16282
+ companyId == stepOneData.toCompanyId) {
16283
+ formTwo.getFieldValue("percentage")[index] = 0;
16284
+ }
16285
+ return (React.createElement(Row, { className: "row", gutter: [16, 16] },
16286
+ React.createElement(Col, { xl: 8, md: 15 },
16287
+ React.createElement("div", { className: "label" },
16288
+ companyName[companyId].name,
16289
+ React.createElement("span", { className: "required-mark" }, "*"))),
16290
+ React.createElement(Col, { xl: 8, md: 9 },
16291
+ React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
16292
+ {
16293
+ pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
16294
+ message: "Percentage Should be a positive number",
16295
+ },
16296
+ {
16297
+ required: true,
16298
+ message: "Required field",
16299
+ },
16300
+ function (_a) {
16301
+ var getFieldValue = _a.getFieldValue;
16302
+ return ({
16303
+ validator: function (rule, v) {
16304
+ if (getFieldValue([
16146
16305
  "percentage",
16147
16306
  index,
16148
- ])) >
16149
- data.proponentPercentage[index]) {
16150
- // eslint-disable-next-line prefer-promise-reject-errors
16151
- return Promise.reject("Amount > Available");
16152
- }
16153
- return Promise.resolve();
16154
- },
16155
- });
16156
- },
16157
- ] },
16158
- React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
16159
- // disabled={userInfoState?.companyId === Number(companyId)}
16160
- onKeyPress: function (event) {
16307
+ ]) &&
16308
+ parseFloat(getFieldValue([
16309
+ "percentage",
16310
+ index,
16311
+ ])) >
16312
+ projectData
16313
+ .proponentPercentage[index]) {
16314
+ // eslint-disable-next-line prefer-promise-reject-errors
16315
+ return Promise.reject("Amount > Available");
16316
+ }
16317
+ return Promise.resolve();
16318
+ },
16319
+ });
16320
+ },
16321
+ ] },
16322
+ React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId ==
16323
+ companyId ||
16324
+ companyId ==
16325
+ stepOneData.toCompanyId,
16326
+ // defaultValue={0}
16327
+ // disabled={userInfoState?.companyId === Number(companyId)}
16328
+ onKeyPress: function (event) {
16329
+ if (!/[0-9\.]/.test(event.key)) {
16330
+ event.preventDefault();
16331
+ }
16332
+ } })),
16333
+ React.createElement("div", { className: "inline separator" }, "/"),
16334
+ React.createElement(Form.Item, { className: "inline" },
16335
+ React.createElement(InputNumber, { placeholder: String(projectData === null || projectData === void 0 ? void 0 : projectData.proponentPercentage[index]), disabled: true })))));
16336
+ }),
16337
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
16338
+ React.createElement(Col, { xl: 8, md: 15 },
16339
+ React.createElement("div", { className: "label" }, t("programme:total"))),
16340
+ React.createElement(Col, { xl: 8, md: 9 },
16341
+ React.createElement(Form.Item, { className: "inline", name: ["total"] },
16342
+ React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16161
16343
  if (!/[0-9\.]/.test(event.key)) {
16162
16344
  event.preventDefault();
16163
16345
  }
16164
16346
  } })),
16165
16347
  React.createElement("div", { className: "inline separator" }, "/"),
16166
16348
  React.createElement(Form.Item, { className: "inline" },
16167
- React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
16168
- }),
16169
- React.createElement(Row, { className: "row", gutter: [16, 16] },
16170
- React.createElement(Col, { xl: 8, md: 15 },
16171
- React.createElement("div", { className: "label" }, t("programme:total"))),
16172
- React.createElement(Col, { xl: 8, md: 9 },
16173
- React.createElement(Form.Item, { className: "inline", name: ["total"] },
16174
- React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16175
- if (!/[0-9\.]/.test(event.key)) {
16176
- event.preventDefault();
16177
- }
16178
- } })),
16179
- React.createElement("div", { className: "inline separator" }, "/"),
16180
- React.createElement(Form.Item, { className: "inline" },
16181
- React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
16349
+ React.createElement(InputNumber, { disabled: true, placeholder: "100" })))))),
16182
16350
  React.createElement(Form.Item, null,
16183
16351
  React.createElement("div", { className: "steps-actions" },
16184
16352
  React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
@@ -28796,5 +28964,5 @@ var TimelineBody = function (props) {
28796
28964
  React.createElement("div", { className: "remark-body" }, remark)))));
28797
28965
  };
28798
28966
 
28799
- export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, ConnectionContextProvider, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, GovBGColor, GovColor, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentCreationType, InvestmentLevel, InvestmentManagementComponent, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, ManagerBGColor, ManagerColor, MapComponent, MapTypes, MapboxComponent, MinBGColor, MinColor, MitigationSubTypes, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, NdcDetailsComponent, OrganisationStatus, ProfileIcon, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, RootBGColor, RootColor, SdgGoals$1 as SdgGoals, Sector, SectoralScope, SettingsContext, SettingsContextProvider, StasticCard, StatsCardsTypes, SubTypeOfMitigation, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserContext, UserInformationContextProvider, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound, addNdcDesc, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, getValidNdcActions, isBase64, landAreaUnitList, methodologyOptions, mitigationSubTypeList, mitigationSubTypesListMapped, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList, useConnection, useSettingsContext, useUserContext };
28967
+ export { Action, AddNdcActionComponent, AddNewCompanyComponent, AddNewUserComponent, AdminBGColor, AdminColor, BaseEntity, CarbonSystemType, CertBGColor, CertColor, CoBenifitsComponent, Company, CompanyManagementColumns, CompanyManagementComponent, CompanyProfileComponent, CompanyRole, CompanyState, ConfigurationSettingsType, ConnectionContextProvider, CreditTransferComponent, CreditTransferStage, DevBGColor, DevColor, DocType, DocumentStatus, ESGType, EnergyGenerationUnits, FormElementType, GovBGColor, GovColor, ImgWithFallback, InfoView, Instrument, InvestmentBGColor, InvestmentBody, InvestmentColor, InvestmentCreationComponent, InvestmentCreationType, InvestmentLevel, InvestmentManagementComponent, InvestmentOwnershipType, InvestmentStatus, InvestmentStream, InvestmentType, LandAreaUnits, LegendItem, Loading, ManagerBGColor, ManagerColor, MapComponent, MapTypes, MapboxComponent, MinBGColor, MinColor, MitigationSubTypes, MitigationTypes, MrvDashboardComponent, MrvStatsCardsTypes, NdcActionBody, NdcActionManagementComponent, NdcActionStatus, NdcActionTypes, NdcActionViewComponent, NdcDetailsComponent, OrganisationStatus, ProfileIcon, ProgrammeCertify, ProgrammeCreationComponent, ProgrammeDocuments, ProgrammeEntity, ProgrammeIssueForm, ProgrammeManagementColumns, ProgrammeManagementComponent, ProgrammeRetireForm, ProgrammeRevokeForm, ProgrammeStageLegend, ProgrammeStageMRV, ProgrammeStageR, ProgrammeStageUnified, ProgrammeTransfer, ProgrammeTransferForm, RadioButtonStatus, RadioButtonStatus2, RegistryDashboardComponent, RejectDocumentationConfirmationModel, RetireType, Role, RoleIcon, RootBGColor, RootColor, SdgGoals$1 as SdgGoals, Sector, SectoralScope, SettingsContext, SettingsContextProvider, StasticCard, StatsCardsTypes, SubTypeOfMitigation, SupportCreationComponent, SupportManagementComponent, SystemNames, TimelineBody, Titles, TooltipColor, TransferActionModel, TxType, TypeOfMitigation, UnitField, User, UserContext, UserInformationContextProvider, UserManagementColumns, UserManagementComponent, UserProfileComponent, UserRoleIcon, ViewBGColor, ViewColor, WidgetType, addCommSep, addCommSepRound, addNdcDesc, addRoundNumber, addSpaces, consumerGroupList, creditUnit, dateFormat, dateTimeFormat, energyGenerationUnitList, getBase64, getCompanyBgColor, getCreditStageVal, getFinancialFields, getGeneralFields, getInvestmentStatusEnumVal, getNdcActionStatusEnumVal, getNdcStatusTagType, getRetirementTypeString, getStageEnumVal, getStageTagType, getStageTagTypeMRV, getStageTransferEnumVal, getStatusTagType, getTransferStageTagType, getValidNdcActions, isBase64, landAreaUnitList, methodologyOptions, mitigationSubTypeList, mitigationSubTypesListMapped, mitigationTypeList, ndcActionTypeList, sectorMitigationTypesListMapped, sumArray, titleList, useConnection, useSettingsContext, useUserContext };
28800
28968
  //# sourceMappingURL=index.js.map