@undp/carbon-library 1.0.285-CARBON-333.0 → 1.0.285-CARBON-412.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,5 +5,8 @@ export declare enum Instrument {
5
5
  EQUITY = "Equity",
6
6
  GUARANTEE = "Guarantee",
7
7
  INKIND = "In-Kind",
8
+ CONLOAN = "ConcessionalLoan",
9
+ NONCONLOAN = "Non-ConcessionalLoan",
10
+ INSURANCE = "Insurance",
8
11
  OTHER = "Other"
9
12
  }
@@ -0,0 +1,8 @@
1
+ export declare enum GuaranteePayback {
2
+ UPFORNT = "Upfront",
3
+ ANNUAL = "Annual"
4
+ }
5
+ export declare enum InsurancePayback {
6
+ LUMPSUM = "LumpSum",
7
+ ANNUAL = "Annual"
8
+ }
package/dist/esm/index.js CHANGED
@@ -2022,6 +2022,9 @@ var Instrument;
2022
2022
  Instrument["EQUITY"] = "Equity";
2023
2023
  Instrument["GUARANTEE"] = "Guarantee";
2024
2024
  Instrument["INKIND"] = "In-Kind";
2025
+ Instrument["CONLOAN"] = "ConcessionalLoan";
2026
+ Instrument["NONCONLOAN"] = "Non-ConcessionalLoan";
2027
+ Instrument["INSURANCE"] = "Insurance";
2025
2028
  Instrument["OTHER"] = "Other";
2026
2029
  })(Instrument || (Instrument = {}));
2027
2030
 
@@ -15396,13 +15399,25 @@ var UserManagementComponent = function (props) {
15396
15399
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
15397
15400
  };
15398
15401
 
15399
- var css_248z$m = ".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";
15402
+ var css_248z$m = ".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\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .investment-radio-button .ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n width: fit-content; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .details-part-two .row .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n";
15400
15403
  styleInject(css_248z$m);
15401
15404
 
15402
15405
  var Loading = function () {
15403
15406
  return React.createElement(Spin, { className: "loading-center", size: "large" });
15404
15407
  };
15405
15408
 
15409
+ var GuaranteePayback;
15410
+ (function (GuaranteePayback) {
15411
+ GuaranteePayback["UPFORNT"] = "Upfront";
15412
+ GuaranteePayback["ANNUAL"] = "Annual";
15413
+ })(GuaranteePayback || (GuaranteePayback = {}));
15414
+ var InsurancePayback;
15415
+ (function (InsurancePayback) {
15416
+ InsurancePayback["LUMPSUM"] = "LumpSum";
15417
+ InsurancePayback["ANNUAL"] = "Annual";
15418
+ })(InsurancePayback || (InsurancePayback = {}));
15419
+
15420
+ var RangePicker$3 = DatePicker.RangePicker;
15406
15421
  var InvestmentCreationComponent = function (props) {
15407
15422
  var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
15408
15423
  var state = useLocation().state;
@@ -15423,8 +15438,9 @@ var InvestmentCreationComponent = function (props) {
15423
15438
  label: addSpaces(Object.values(Instrument)[index]),
15424
15439
  value: Object.values(Instrument)[index],
15425
15440
  }); });
15426
- var onInstrumentChange = function (value) {
15427
- setInstrument(value);
15441
+ var onInstrumentChange = function (e) {
15442
+ console.log("radio checked", e.target.value);
15443
+ setInstrument([e.target.value]);
15428
15444
  };
15429
15445
  var onPercentageChange = function (value) {
15430
15446
  setCurrentPercTotal(formTwo.getFieldValue("percentage").reduce(function (a, b) { return a + b; }, 0));
@@ -15547,7 +15563,7 @@ var InvestmentCreationComponent = function (props) {
15547
15563
  if (!data) {
15548
15564
  return React.createElement(Loading, null);
15549
15565
  }
15550
- console.log('data', data);
15566
+ console.log("data", data);
15551
15567
  var companyName = {};
15552
15568
  if (data && Object.keys(data)[0] !== "ownership") {
15553
15569
  for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
@@ -15582,6 +15598,16 @@ var InvestmentCreationComponent = function (props) {
15582
15598
  if (payload.paymentPerMetric) {
15583
15599
  payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
15584
15600
  }
15601
+ if (payload.period) {
15602
+ payload.period[0] = moment(payload.period[0]).startOf("day").unix();
15603
+ payload.period[1] = moment(payload.period[1]).endOf("day").unix();
15604
+ }
15605
+ if (payload.startOfPayback) {
15606
+ payload.startOfPayback = moment(payload.startOfPayback)
15607
+ .startOf("day")
15608
+ .unix();
15609
+ }
15610
+ payload.instrument = [payload.instrument];
15585
15611
  payload.fromCompanyIds = data.companyId.map(function (e) { return Number(e); });
15586
15612
  payload.percentage = val.percentage;
15587
15613
  payload.toCompanyId = Number(payload.toCompanyId);
@@ -15627,7 +15653,7 @@ var InvestmentCreationComponent = function (props) {
15627
15653
  }
15628
15654
  };
15629
15655
  var onChangeTypeCreation = function (e) {
15630
- console.log('radio checked', e.target.value);
15656
+ console.log("radio checked", e.target.value);
15631
15657
  setTypeCreation(e.target.value);
15632
15658
  };
15633
15659
  return (React.createElement("div", { className: "add-programme-main-container" },
@@ -15693,8 +15719,30 @@ var InvestmentCreationComponent = function (props) {
15693
15719
  React.createElement(Input, { size: "large" }))))),
15694
15720
  React.createElement(Row, { className: "row", gutter: [16, 16] },
15695
15721
  React.createElement(Col, { xl: 24, md: 24 },
15696
- React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
15697
- React.createElement(Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
15722
+ React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument",
15723
+ //wrapperCol={{ span: 24 }}
15724
+ required: true, className: "investment-radio-button", rules: [
15725
+ {
15726
+ required: true,
15727
+ message: "",
15728
+ },
15729
+ {
15730
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15731
+ return __generator(this, function (_a) {
15732
+ if (String(value).trim() === "" ||
15733
+ String(value).trim() === undefined ||
15734
+ value === null ||
15735
+ value === undefined) {
15736
+ throw new Error("".concat(t("programme:instrument"), " ").concat(t("isRequired")));
15737
+ }
15738
+ return [2 /*return*/];
15739
+ });
15740
+ }); },
15741
+ },
15742
+ ] },
15743
+ React.createElement(Radio.Group, { onChange: onInstrumentChange, value: instrument[0] }, instrumentOptions.map(function (e) {
15744
+ return (React.createElement(Radio, { value: e.value }, e.label));
15745
+ }))))),
15698
15746
  instrument &&
15699
15747
  instrument.indexOf(Instrument.LOAN) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15700
15748
  React.createElement(Col, { xl: 8, md: 12 },
@@ -15725,6 +15773,160 @@ var InvestmentCreationComponent = function (props) {
15725
15773
  },
15726
15774
  ] },
15727
15775
  React.createElement(Input, { size: "large" })))))),
15776
+ instrument &&
15777
+ (instrument.indexOf(Instrument.CONLOAN) >= 0 ||
15778
+ instrument.indexOf(Instrument.NONCONLOAN) >= 0) && (React.createElement("div", { className: "details-part-two" },
15779
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
15780
+ React.createElement(Col, { xl: 8, md: 12 },
15781
+ React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15782
+ {
15783
+ required: true,
15784
+ message: "",
15785
+ },
15786
+ {
15787
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15788
+ return __generator(this, function (_a) {
15789
+ if (String(value).trim() === "" ||
15790
+ String(value).trim() ===
15791
+ undefined ||
15792
+ value === null ||
15793
+ value === undefined) {
15794
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15795
+ }
15796
+ else if (!isNaN(value)) {
15797
+ return [2 /*return*/, Promise.resolve()];
15798
+ }
15799
+ else {
15800
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15801
+ }
15802
+ });
15803
+ }); },
15804
+ },
15805
+ ] },
15806
+ React.createElement(Input, { size: "large" })))),
15807
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
15808
+ React.createElement(Col, { xl: 8, md: 12 },
15809
+ React.createElement(Form.Item, { label: t("programme:loanPeriod"), name: "period", required: true, rules: [
15810
+ {
15811
+ required: true,
15812
+ message: "",
15813
+ },
15814
+ {
15815
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15816
+ return __generator(this, function (_a) {
15817
+ if (String(value).trim() === "" ||
15818
+ String(value).trim() ===
15819
+ undefined ||
15820
+ value === null ||
15821
+ value === undefined) {
15822
+ throw new Error("".concat(t("programme:loanPeriod"), " ").concat(t("isRequired")));
15823
+ }
15824
+ return [2 /*return*/];
15825
+ });
15826
+ }); },
15827
+ },
15828
+ ] },
15829
+ React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
15830
+ React.createElement(Col, { xl: 8, md: 12 },
15831
+ React.createElement(Form.Item, { label: t("programme:startOfPayback"), name: "startOfPayback", rules: [
15832
+ {
15833
+ required: true,
15834
+ message: "",
15835
+ },
15836
+ {
15837
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15838
+ return __generator(this, function (_a) {
15839
+ if (String(value).trim() === "" ||
15840
+ String(value).trim() ===
15841
+ undefined ||
15842
+ value === null ||
15843
+ value === undefined) {
15844
+ throw new Error("".concat(t("programme:startOfPayback"), " ").concat(t("isRequired")));
15845
+ }
15846
+ return [2 /*return*/];
15847
+ });
15848
+ }); },
15849
+ },
15850
+ ] },
15851
+ React.createElement(DatePicker, { size: "large", disabledDate: function (currentDate) {
15852
+ return currentDate < moment().startOf("day");
15853
+ } })))))),
15854
+ instrument &&
15855
+ instrument.indexOf(Instrument.GUARANTEE) >= 0 && (React.createElement("div", { className: "details-part-two" },
15856
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
15857
+ React.createElement(Col, { xl: 8, md: 12 },
15858
+ React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15859
+ {
15860
+ required: true,
15861
+ message: "",
15862
+ },
15863
+ {
15864
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15865
+ return __generator(this, function (_a) {
15866
+ if (String(value).trim() === "" ||
15867
+ String(value).trim() ===
15868
+ undefined ||
15869
+ value === null ||
15870
+ value === undefined) {
15871
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15872
+ }
15873
+ else if (!isNaN(value)) {
15874
+ return [2 /*return*/, Promise.resolve()];
15875
+ }
15876
+ else {
15877
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15878
+ }
15879
+ });
15880
+ }); },
15881
+ },
15882
+ ] },
15883
+ React.createElement(Input, { size: "large" })))),
15884
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
15885
+ React.createElement(Col, { xl: 8, md: 12 },
15886
+ React.createElement(Form.Item, { label: t("programme:period"), name: "period", required: true, rules: [
15887
+ {
15888
+ required: true,
15889
+ message: "",
15890
+ },
15891
+ {
15892
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15893
+ return __generator(this, function (_a) {
15894
+ if (String(value).trim() === "" ||
15895
+ String(value).trim() ===
15896
+ undefined ||
15897
+ value === null ||
15898
+ value === undefined) {
15899
+ throw new Error("".concat(t("programme:period"), " ").concat(t("isRequired")));
15900
+ }
15901
+ return [2 /*return*/];
15902
+ });
15903
+ }); },
15904
+ },
15905
+ ] },
15906
+ React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
15907
+ React.createElement(Col, { xl: 8, md: 12 },
15908
+ React.createElement(Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "guaranteePayback", rules: [
15909
+ {
15910
+ required: true,
15911
+ message: "",
15912
+ },
15913
+ {
15914
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15915
+ return __generator(this, function (_a) {
15916
+ if (String(value).trim() === "" ||
15917
+ String(value).trim() ===
15918
+ undefined ||
15919
+ value === null ||
15920
+ value === undefined) {
15921
+ throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
15922
+ }
15923
+ return [2 /*return*/];
15924
+ });
15925
+ }); },
15926
+ },
15927
+ ] },
15928
+ React.createElement(Radio.Group, { size: "large" }, Object.values(GuaranteePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15929
+ React.createElement(Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
15728
15930
  instrument &&
15729
15931
  instrument.indexOf(Instrument.RESULT_BASED) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15730
15932
  React.createElement(Col, { xl: 12, md: 24 },
@@ -15789,6 +15991,32 @@ var InvestmentCreationComponent = function (props) {
15789
15991
  },
15790
15992
  ] },
15791
15993
  React.createElement(Input, { size: "large" })))))),
15994
+ instrument &&
15995
+ instrument.indexOf(Instrument.INSURANCE) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15996
+ React.createElement(Col, { xl: 8, md: 12 },
15997
+ React.createElement("div", { className: "details-part-two" },
15998
+ React.createElement(Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "insurancePayback", rules: [
15999
+ {
16000
+ required: true,
16001
+ message: "",
16002
+ },
16003
+ {
16004
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16005
+ return __generator(this, function (_a) {
16006
+ if (String(value).trim() === "" ||
16007
+ String(value).trim() ===
16008
+ undefined ||
16009
+ value === null ||
16010
+ value === undefined) {
16011
+ throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
16012
+ }
16013
+ return [2 /*return*/];
16014
+ });
16015
+ }); },
16016
+ },
16017
+ ] },
16018
+ React.createElement(Radio.Group, { size: "large" }, Object.values(InsurancePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16019
+ React.createElement(Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
15792
16020
  instrument &&
15793
16021
  instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15794
16022
  React.createElement(Col, { xl: 12, md: 24 },
@@ -15858,73 +16086,73 @@ var InvestmentCreationComponent = function (props) {
15858
16086
  React.createElement("div", { className: "step-count" }, "02"),
15859
16087
  React.createElement("div", { className: "title" }, t("programme:ownership")))),
15860
16088
  description: current === 1 && (React.createElement("div", null,
15861
- React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
15862
- React.createElement("div", { className: "programme-sought-form" },
15863
- 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 :
15864
- data.companyId.map(function (companyId, index) {
15865
- return (React.createElement(Row, { className: "row", gutter: [16, 16] },
15866
- React.createElement(Col, { xl: 8, md: 15 },
15867
- React.createElement("div", { className: "label" },
15868
- companyName[companyId].name,
15869
- React.createElement("span", { className: "required-mark" }, "*"))),
15870
- React.createElement(Col, { xl: 8, md: 9 },
15871
- React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
15872
- {
15873
- pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
15874
- message: "Percentage Should be a positive number",
15875
- },
15876
- {
15877
- required: true,
15878
- message: "Required field",
15879
- },
15880
- function (_a) {
15881
- var getFieldValue = _a.getFieldValue;
15882
- return ({
15883
- validator: function (rule, v) {
15884
- if (getFieldValue([
15885
- "percentage",
15886
- index,
15887
- ]) &&
15888
- parseFloat(getFieldValue([
15889
- "percentage",
15890
- index,
15891
- ])) > data.proponentPercentage[index]) {
15892
- // eslint-disable-next-line prefer-promise-reject-errors
15893
- return Promise.reject("Amount > Available");
15894
- }
15895
- return Promise.resolve();
15896
- },
15897
- });
15898
- },
15899
- ] },
15900
- React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
15901
- // disabled={userInfoState?.companyId === Number(companyId)}
15902
- onKeyPress: function (event) {
15903
- if (!/[0-9\.]/.test(event.key)) {
15904
- event.preventDefault();
15905
- }
15906
- } })),
15907
- React.createElement("div", { className: "inline separator" }, "/"),
15908
- React.createElement(Form.Item, { className: "inline" },
15909
- React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
15910
- }),
15911
- React.createElement(Row, { className: "row", gutter: [16, 16] },
16089
+ React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 && (React.createElement("div", { className: "programme-sought-form" },
16090
+ 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 :
16091
+ data.companyId.map(function (companyId, index) {
16092
+ return (React.createElement(Row, { className: "row", gutter: [16, 16] },
15912
16093
  React.createElement(Col, { xl: 8, md: 15 },
15913
- React.createElement("div", { className: "label" }, t("programme:total"))),
16094
+ React.createElement("div", { className: "label" },
16095
+ companyName[companyId].name,
16096
+ React.createElement("span", { className: "required-mark" }, "*"))),
15914
16097
  React.createElement(Col, { xl: 8, md: 9 },
15915
- React.createElement(Form.Item, { className: "inline", name: ["total"] },
15916
- React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16098
+ React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
16099
+ {
16100
+ pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
16101
+ message: "Percentage Should be a positive number",
16102
+ },
16103
+ {
16104
+ required: true,
16105
+ message: "Required field",
16106
+ },
16107
+ function (_a) {
16108
+ var getFieldValue = _a.getFieldValue;
16109
+ return ({
16110
+ validator: function (rule, v) {
16111
+ if (getFieldValue([
16112
+ "percentage",
16113
+ index,
16114
+ ]) &&
16115
+ parseFloat(getFieldValue([
16116
+ "percentage",
16117
+ index,
16118
+ ])) >
16119
+ data.proponentPercentage[index]) {
16120
+ // eslint-disable-next-line prefer-promise-reject-errors
16121
+ return Promise.reject("Amount > Available");
16122
+ }
16123
+ return Promise.resolve();
16124
+ },
16125
+ });
16126
+ },
16127
+ ] },
16128
+ React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
16129
+ // disabled={userInfoState?.companyId === Number(companyId)}
16130
+ onKeyPress: function (event) {
15917
16131
  if (!/[0-9\.]/.test(event.key)) {
15918
16132
  event.preventDefault();
15919
16133
  }
15920
16134
  } })),
15921
16135
  React.createElement("div", { className: "inline separator" }, "/"),
15922
16136
  React.createElement(Form.Item, { className: "inline" },
15923
- React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
15924
- React.createElement(Form.Item, null,
15925
- React.createElement("div", { className: "steps-actions" },
15926
- React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
15927
- React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back"))))))))),
16137
+ React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
16138
+ }),
16139
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
16140
+ React.createElement(Col, { xl: 8, md: 15 },
16141
+ React.createElement("div", { className: "label" }, t("programme:total"))),
16142
+ React.createElement(Col, { xl: 8, md: 9 },
16143
+ React.createElement(Form.Item, { className: "inline", name: ["total"] },
16144
+ React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16145
+ if (!/[0-9\.]/.test(event.key)) {
16146
+ event.preventDefault();
16147
+ }
16148
+ } })),
16149
+ React.createElement("div", { className: "inline separator" }, "/"),
16150
+ React.createElement(Form.Item, { className: "inline" },
16151
+ React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
16152
+ React.createElement(Form.Item, null,
16153
+ React.createElement("div", { className: "steps-actions" },
16154
+ React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
16155
+ React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back")))))))))),
15928
16156
  },
15929
16157
  ] })))));
15930
16158
  };