@undp/carbon-library 1.0.282 → 1.0.284-CARBON-412.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
  };