@undp/carbon-library 1.0.279 → 1.0.280-CARBON-412.39

Sign up to get free protection for your applications and to get access to all the features.
package/dist/cjs/index.js CHANGED
@@ -2039,6 +2039,9 @@ exports.Instrument = void 0;
2039
2039
  Instrument["EQUITY"] = "Equity";
2040
2040
  Instrument["GUARANTEE"] = "Guarantee";
2041
2041
  Instrument["INKIND"] = "In-Kind";
2042
+ Instrument["CONLOAN"] = "ConcessionalLoan";
2043
+ Instrument["NONCONLOAN"] = "Non-ConcessionalLoan";
2044
+ Instrument["INSURANCE"] = "Insurance";
2042
2045
  Instrument["OTHER"] = "Other";
2043
2046
  })(exports.Instrument || (exports.Instrument = {}));
2044
2047
 
@@ -15344,13 +15347,25 @@ var UserManagementComponent = function (props) {
15344
15347
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
15345
15348
  };
15346
15349
 
15347
- 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";
15350
+ 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\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";
15348
15351
  styleInject(css_248z$j);
15349
15352
 
15350
15353
  var Loading = function () {
15351
15354
  return React.createElement(antd.Spin, { className: "loading-center", size: "large" });
15352
15355
  };
15353
15356
 
15357
+ var GuaranteePayback;
15358
+ (function (GuaranteePayback) {
15359
+ GuaranteePayback["UPFORNT"] = "Upfront";
15360
+ GuaranteePayback["ANNUAL"] = "Anual";
15361
+ })(GuaranteePayback || (GuaranteePayback = {}));
15362
+ var InsurancePayback;
15363
+ (function (InsurancePayback) {
15364
+ InsurancePayback["LUMPSUM"] = "LumpSum";
15365
+ InsurancePayback["ANNUAL"] = "Annual";
15366
+ })(InsurancePayback || (InsurancePayback = {}));
15367
+
15368
+ var RangePicker$2 = antd.DatePicker.RangePicker;
15354
15369
  var InvestmentCreationComponent = function (props) {
15355
15370
  var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
15356
15371
  var state = useLocation().state;
@@ -15371,8 +15386,9 @@ var InvestmentCreationComponent = function (props) {
15371
15386
  label: addSpaces(Object.values(exports.Instrument)[index]),
15372
15387
  value: Object.values(exports.Instrument)[index],
15373
15388
  }); });
15374
- var onInstrumentChange = function (value) {
15375
- setInstrument(value);
15389
+ var onInstrumentChange = function (e) {
15390
+ console.log("radio checked", e.target.value);
15391
+ setInstrument([e.target.value]);
15376
15392
  };
15377
15393
  var onPercentageChange = function (value) {
15378
15394
  setCurrentPercTotal(formTwo.getFieldValue("percentage").reduce(function (a, b) { return a + b; }, 0));
@@ -15495,7 +15511,7 @@ var InvestmentCreationComponent = function (props) {
15495
15511
  if (!data) {
15496
15512
  return React.createElement(Loading, null);
15497
15513
  }
15498
- console.log('data', data);
15514
+ console.log("data", data);
15499
15515
  var companyName = {};
15500
15516
  if (data && Object.keys(data)[0] !== "ownership") {
15501
15517
  for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
@@ -15530,6 +15546,16 @@ var InvestmentCreationComponent = function (props) {
15530
15546
  if (payload.paymentPerMetric) {
15531
15547
  payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
15532
15548
  }
15549
+ if (payload.period) {
15550
+ payload.period[0] = moment(payload.period[0]).startOf("day").unix();
15551
+ payload.period[1] = moment(payload.period[1]).endOf("day").unix();
15552
+ }
15553
+ if (payload.startOfPayback) {
15554
+ payload.startOfPayback = moment(payload.startOfPayback)
15555
+ .startOf("day")
15556
+ .unix();
15557
+ }
15558
+ payload.instrument = [payload.instrument];
15533
15559
  payload.fromCompanyIds = data.companyId.map(function (e) { return Number(e); });
15534
15560
  payload.percentage = val.percentage;
15535
15561
  payload.toCompanyId = Number(payload.toCompanyId);
@@ -15575,7 +15601,7 @@ var InvestmentCreationComponent = function (props) {
15575
15601
  }
15576
15602
  };
15577
15603
  var onChangeTypeCreation = function (e) {
15578
- console.log('radio checked', e.target.value);
15604
+ console.log("radio checked", e.target.value);
15579
15605
  setTypeCreation(e.target.value);
15580
15606
  };
15581
15607
  return (React.createElement("div", { className: "add-programme-main-container" },
@@ -15641,8 +15667,30 @@ var InvestmentCreationComponent = function (props) {
15641
15667
  React.createElement(antd.Input, { size: "large" }))))),
15642
15668
  React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15643
15669
  React.createElement(antd.Col, { xl: 24, md: 24 },
15644
- React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
15645
- React.createElement(antd.Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
15670
+ React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument",
15671
+ //wrapperCol={{ span: 24 }}
15672
+ required: true, className: "investment-radio-button", rules: [
15673
+ {
15674
+ required: true,
15675
+ message: "",
15676
+ },
15677
+ {
15678
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15679
+ return __generator(this, function (_a) {
15680
+ if (String(value).trim() === "" ||
15681
+ String(value).trim() === undefined ||
15682
+ value === null ||
15683
+ value === undefined) {
15684
+ throw new Error("".concat(t("programme:instrument"), " ").concat(t("isRequired")));
15685
+ }
15686
+ return [2 /*return*/];
15687
+ });
15688
+ }); },
15689
+ },
15690
+ ] },
15691
+ React.createElement(antd.Radio.Group, { onChange: onInstrumentChange, value: instrument[0] }, instrumentOptions.map(function (e) {
15692
+ return (React.createElement(antd.Radio, { value: e.value }, e.label));
15693
+ }))))),
15646
15694
  instrument &&
15647
15695
  instrument.indexOf(exports.Instrument.LOAN) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15648
15696
  React.createElement(antd.Col, { xl: 8, md: 12 },
@@ -15673,6 +15721,160 @@ var InvestmentCreationComponent = function (props) {
15673
15721
  },
15674
15722
  ] },
15675
15723
  React.createElement(antd.Input, { size: "large" })))))),
15724
+ instrument &&
15725
+ (instrument.indexOf(exports.Instrument.CONLOAN) >= 0 ||
15726
+ instrument.indexOf(exports.Instrument.NONCONLOAN) >= 0) && (React.createElement("div", { className: "details-part-two" },
15727
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15728
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15729
+ React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15730
+ {
15731
+ required: true,
15732
+ message: "",
15733
+ },
15734
+ {
15735
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15736
+ return __generator(this, function (_a) {
15737
+ if (String(value).trim() === "" ||
15738
+ String(value).trim() ===
15739
+ undefined ||
15740
+ value === null ||
15741
+ value === undefined) {
15742
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15743
+ }
15744
+ else if (!isNaN(value)) {
15745
+ return [2 /*return*/, Promise.resolve()];
15746
+ }
15747
+ else {
15748
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15749
+ }
15750
+ });
15751
+ }); },
15752
+ },
15753
+ ] },
15754
+ React.createElement(antd.Input, { size: "large" })))),
15755
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15756
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15757
+ React.createElement(antd.Form.Item, { label: t("programme:loanPeriod"), name: "period", required: true, rules: [
15758
+ {
15759
+ required: true,
15760
+ message: "",
15761
+ },
15762
+ {
15763
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15764
+ return __generator(this, function (_a) {
15765
+ if (String(value).trim() === "" ||
15766
+ String(value).trim() ===
15767
+ undefined ||
15768
+ value === null ||
15769
+ value === undefined) {
15770
+ throw new Error("".concat(t("programme:loanPeriod"), " ").concat(t("isRequired")));
15771
+ }
15772
+ return [2 /*return*/];
15773
+ });
15774
+ }); },
15775
+ },
15776
+ ] },
15777
+ React.createElement(RangePicker$2, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
15778
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15779
+ React.createElement(antd.Form.Item, { label: t("programme:startOfPayback"), name: "startOfPayback", rules: [
15780
+ {
15781
+ required: true,
15782
+ message: "",
15783
+ },
15784
+ {
15785
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15786
+ return __generator(this, function (_a) {
15787
+ if (String(value).trim() === "" ||
15788
+ String(value).trim() ===
15789
+ undefined ||
15790
+ value === null ||
15791
+ value === undefined) {
15792
+ throw new Error("".concat(t("programme:startOfPayback"), " ").concat(t("isRequired")));
15793
+ }
15794
+ return [2 /*return*/];
15795
+ });
15796
+ }); },
15797
+ },
15798
+ ] },
15799
+ React.createElement(antd.DatePicker, { size: "large", disabledDate: function (currentDate) {
15800
+ return currentDate < moment().startOf("day");
15801
+ } })))))),
15802
+ instrument &&
15803
+ instrument.indexOf(exports.Instrument.GUARANTEE) >= 0 && (React.createElement("div", { className: "details-part-two" },
15804
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15805
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15806
+ React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15807
+ {
15808
+ required: true,
15809
+ message: "",
15810
+ },
15811
+ {
15812
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15813
+ return __generator(this, function (_a) {
15814
+ if (String(value).trim() === "" ||
15815
+ String(value).trim() ===
15816
+ undefined ||
15817
+ value === null ||
15818
+ value === undefined) {
15819
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15820
+ }
15821
+ else if (!isNaN(value)) {
15822
+ return [2 /*return*/, Promise.resolve()];
15823
+ }
15824
+ else {
15825
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15826
+ }
15827
+ });
15828
+ }); },
15829
+ },
15830
+ ] },
15831
+ React.createElement(antd.Input, { size: "large" })))),
15832
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15833
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15834
+ React.createElement(antd.Form.Item, { label: t("programme:period"), name: "period", required: true, rules: [
15835
+ {
15836
+ required: true,
15837
+ message: "",
15838
+ },
15839
+ {
15840
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15841
+ return __generator(this, function (_a) {
15842
+ if (String(value).trim() === "" ||
15843
+ String(value).trim() ===
15844
+ undefined ||
15845
+ value === null ||
15846
+ value === undefined) {
15847
+ throw new Error("".concat(t("programme:period"), " ").concat(t("isRequired")));
15848
+ }
15849
+ return [2 /*return*/];
15850
+ });
15851
+ }); },
15852
+ },
15853
+ ] },
15854
+ React.createElement(RangePicker$2, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
15855
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15856
+ React.createElement(antd.Form.Item, { label: t("programme:guaranteePayback"), wrapperCol: { span: 13 }, className: "role-group", name: "guaranteePayback", rules: [
15857
+ {
15858
+ required: true,
15859
+ message: "",
15860
+ },
15861
+ {
15862
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15863
+ return __generator(this, function (_a) {
15864
+ if (String(value).trim() === "" ||
15865
+ String(value).trim() ===
15866
+ undefined ||
15867
+ value === null ||
15868
+ value === undefined) {
15869
+ throw new Error("".concat(t("programme:guaranteePayback"), " ").concat(t("isRequired")));
15870
+ }
15871
+ return [2 /*return*/];
15872
+ });
15873
+ }); },
15874
+ },
15875
+ ] },
15876
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(GuaranteePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15877
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
15676
15878
  instrument &&
15677
15879
  instrument.indexOf(exports.Instrument.RESULT_BASED) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15678
15880
  React.createElement(antd.Col, { xl: 12, md: 24 },
@@ -15737,6 +15939,32 @@ var InvestmentCreationComponent = function (props) {
15737
15939
  },
15738
15940
  ] },
15739
15941
  React.createElement(antd.Input, { size: "large" })))))),
15942
+ instrument &&
15943
+ instrument.indexOf(exports.Instrument.INSURANCE) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15944
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15945
+ React.createElement("div", { className: "details-part-two" },
15946
+ React.createElement(antd.Form.Item, { label: t("programme:insurancePayback"), wrapperCol: { span: 13 }, className: "role-group", name: "insurancePayback", rules: [
15947
+ {
15948
+ required: true,
15949
+ message: "",
15950
+ },
15951
+ {
15952
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15953
+ return __generator(this, function (_a) {
15954
+ if (String(value).trim() === "" ||
15955
+ String(value).trim() ===
15956
+ undefined ||
15957
+ value === null ||
15958
+ value === undefined) {
15959
+ throw new Error("".concat(t("programme:insurancePayback"), " ").concat(t("isRequired")));
15960
+ }
15961
+ return [2 /*return*/];
15962
+ });
15963
+ }); },
15964
+ },
15965
+ ] },
15966
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(InsurancePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15967
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
15740
15968
  instrument &&
15741
15969
  instrument.indexOf(exports.Instrument.OTHER) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15742
15970
  React.createElement(antd.Col, { xl: 12, md: 24 },
@@ -15806,73 +16034,73 @@ var InvestmentCreationComponent = function (props) {
15806
16034
  React.createElement("div", { className: "step-count" }, "02"),
15807
16035
  React.createElement("div", { className: "title" }, t("programme:ownership")))),
15808
16036
  description: current === 1 && (React.createElement("div", null,
15809
- React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
15810
- React.createElement("div", { className: "programme-sought-form" },
15811
- React.createElement(antd.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 :
15812
- data.companyId.map(function (companyId, index) {
15813
- return (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15814
- React.createElement(antd.Col, { xl: 8, md: 15 },
15815
- React.createElement("div", { className: "label" },
15816
- companyName[companyId].name,
15817
- React.createElement("span", { className: "required-mark" }, "*"))),
15818
- React.createElement(antd.Col, { xl: 8, md: 9 },
15819
- React.createElement(antd.Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
15820
- {
15821
- pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
15822
- message: "Percentage Should be a positive number",
15823
- },
15824
- {
15825
- required: true,
15826
- message: "Required field",
15827
- },
15828
- function (_a) {
15829
- var getFieldValue = _a.getFieldValue;
15830
- return ({
15831
- validator: function (rule, v) {
15832
- if (getFieldValue([
15833
- "percentage",
15834
- index,
15835
- ]) &&
15836
- parseFloat(getFieldValue([
15837
- "percentage",
15838
- index,
15839
- ])) > data.proponentPercentage[index]) {
15840
- // eslint-disable-next-line prefer-promise-reject-errors
15841
- return Promise.reject("Amount > Available");
15842
- }
15843
- return Promise.resolve();
15844
- },
15845
- });
15846
- },
15847
- ] },
15848
- React.createElement(antd.InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
15849
- // disabled={userInfoState?.companyId === Number(companyId)}
15850
- onKeyPress: function (event) {
15851
- if (!/[0-9\.]/.test(event.key)) {
15852
- event.preventDefault();
15853
- }
15854
- } })),
15855
- React.createElement("div", { className: "inline separator" }, "/"),
15856
- React.createElement(antd.Form.Item, { className: "inline" },
15857
- React.createElement(antd.InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
15858
- }),
15859
- React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16037
+ React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 && (React.createElement("div", { className: "programme-sought-form" },
16038
+ React.createElement(antd.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 :
16039
+ data.companyId.map(function (companyId, index) {
16040
+ return (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15860
16041
  React.createElement(antd.Col, { xl: 8, md: 15 },
15861
- React.createElement("div", { className: "label" }, t("programme:total"))),
16042
+ React.createElement("div", { className: "label" },
16043
+ companyName[companyId].name,
16044
+ React.createElement("span", { className: "required-mark" }, "*"))),
15862
16045
  React.createElement(antd.Col, { xl: 8, md: 9 },
15863
- React.createElement(antd.Form.Item, { className: "inline", name: ["total"] },
15864
- React.createElement(antd.InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16046
+ React.createElement(antd.Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
16047
+ {
16048
+ pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
16049
+ message: "Percentage Should be a positive number",
16050
+ },
16051
+ {
16052
+ required: true,
16053
+ message: "Required field",
16054
+ },
16055
+ function (_a) {
16056
+ var getFieldValue = _a.getFieldValue;
16057
+ return ({
16058
+ validator: function (rule, v) {
16059
+ if (getFieldValue([
16060
+ "percentage",
16061
+ index,
16062
+ ]) &&
16063
+ parseFloat(getFieldValue([
16064
+ "percentage",
16065
+ index,
16066
+ ])) >
16067
+ data.proponentPercentage[index]) {
16068
+ // eslint-disable-next-line prefer-promise-reject-errors
16069
+ return Promise.reject("Amount > Available");
16070
+ }
16071
+ return Promise.resolve();
16072
+ },
16073
+ });
16074
+ },
16075
+ ] },
16076
+ React.createElement(antd.InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
16077
+ // disabled={userInfoState?.companyId === Number(companyId)}
16078
+ onKeyPress: function (event) {
15865
16079
  if (!/[0-9\.]/.test(event.key)) {
15866
16080
  event.preventDefault();
15867
16081
  }
15868
16082
  } })),
15869
16083
  React.createElement("div", { className: "inline separator" }, "/"),
15870
16084
  React.createElement(antd.Form.Item, { className: "inline" },
15871
- React.createElement(antd.InputNumber, { disabled: true, placeholder: "100" })))),
15872
- React.createElement(antd.Form.Item, null,
15873
- React.createElement("div", { className: "steps-actions" },
15874
- React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
15875
- React.createElement(antd.Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back"))))))))),
16085
+ React.createElement(antd.InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
16086
+ }),
16087
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16088
+ React.createElement(antd.Col, { xl: 8, md: 15 },
16089
+ React.createElement("div", { className: "label" }, t("programme:total"))),
16090
+ React.createElement(antd.Col, { xl: 8, md: 9 },
16091
+ React.createElement(antd.Form.Item, { className: "inline", name: ["total"] },
16092
+ React.createElement(antd.InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16093
+ if (!/[0-9\.]/.test(event.key)) {
16094
+ event.preventDefault();
16095
+ }
16096
+ } })),
16097
+ React.createElement("div", { className: "inline separator" }, "/"),
16098
+ React.createElement(antd.Form.Item, { className: "inline" },
16099
+ React.createElement(antd.InputNumber, { disabled: true, placeholder: "100" })))),
16100
+ React.createElement(antd.Form.Item, null,
16101
+ React.createElement("div", { className: "steps-actions" },
16102
+ React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
16103
+ React.createElement(antd.Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back")))))))))),
15876
16104
  },
15877
16105
  ] })))));
15878
16106
  };