@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.
package/dist/cjs/index.js CHANGED
@@ -2043,6 +2043,9 @@ exports.Instrument = void 0;
2043
2043
  Instrument["EQUITY"] = "Equity";
2044
2044
  Instrument["GUARANTEE"] = "Guarantee";
2045
2045
  Instrument["INKIND"] = "In-Kind";
2046
+ Instrument["CONLOAN"] = "ConcessionalLoan";
2047
+ Instrument["NONCONLOAN"] = "Non-ConcessionalLoan";
2048
+ Instrument["INSURANCE"] = "Insurance";
2046
2049
  Instrument["OTHER"] = "Other";
2047
2050
  })(exports.Instrument || (exports.Instrument = {}));
2048
2051
 
@@ -15417,13 +15420,25 @@ var UserManagementComponent = function (props) {
15417
15420
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
15418
15421
  };
15419
15422
 
15420
- 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";
15423
+ 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";
15421
15424
  styleInject(css_248z$m);
15422
15425
 
15423
15426
  var Loading = function () {
15424
15427
  return React.createElement(antd.Spin, { className: "loading-center", size: "large" });
15425
15428
  };
15426
15429
 
15430
+ var GuaranteePayback;
15431
+ (function (GuaranteePayback) {
15432
+ GuaranteePayback["UPFORNT"] = "Upfront";
15433
+ GuaranteePayback["ANNUAL"] = "Annual";
15434
+ })(GuaranteePayback || (GuaranteePayback = {}));
15435
+ var InsurancePayback;
15436
+ (function (InsurancePayback) {
15437
+ InsurancePayback["LUMPSUM"] = "LumpSum";
15438
+ InsurancePayback["ANNUAL"] = "Annual";
15439
+ })(InsurancePayback || (InsurancePayback = {}));
15440
+
15441
+ var RangePicker$3 = antd.DatePicker.RangePicker;
15427
15442
  var InvestmentCreationComponent = function (props) {
15428
15443
  var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
15429
15444
  var state = useLocation().state;
@@ -15444,8 +15459,9 @@ var InvestmentCreationComponent = function (props) {
15444
15459
  label: addSpaces(Object.values(exports.Instrument)[index]),
15445
15460
  value: Object.values(exports.Instrument)[index],
15446
15461
  }); });
15447
- var onInstrumentChange = function (value) {
15448
- setInstrument(value);
15462
+ var onInstrumentChange = function (e) {
15463
+ console.log("radio checked", e.target.value);
15464
+ setInstrument([e.target.value]);
15449
15465
  };
15450
15466
  var onPercentageChange = function (value) {
15451
15467
  setCurrentPercTotal(formTwo.getFieldValue("percentage").reduce(function (a, b) { return a + b; }, 0));
@@ -15568,7 +15584,7 @@ var InvestmentCreationComponent = function (props) {
15568
15584
  if (!data) {
15569
15585
  return React.createElement(Loading, null);
15570
15586
  }
15571
- console.log('data', data);
15587
+ console.log("data", data);
15572
15588
  var companyName = {};
15573
15589
  if (data && Object.keys(data)[0] !== "ownership") {
15574
15590
  for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
@@ -15603,6 +15619,16 @@ var InvestmentCreationComponent = function (props) {
15603
15619
  if (payload.paymentPerMetric) {
15604
15620
  payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
15605
15621
  }
15622
+ if (payload.period) {
15623
+ payload.period[0] = moment(payload.period[0]).startOf("day").unix();
15624
+ payload.period[1] = moment(payload.period[1]).endOf("day").unix();
15625
+ }
15626
+ if (payload.startOfPayback) {
15627
+ payload.startOfPayback = moment(payload.startOfPayback)
15628
+ .startOf("day")
15629
+ .unix();
15630
+ }
15631
+ payload.instrument = [payload.instrument];
15606
15632
  payload.fromCompanyIds = data.companyId.map(function (e) { return Number(e); });
15607
15633
  payload.percentage = val.percentage;
15608
15634
  payload.toCompanyId = Number(payload.toCompanyId);
@@ -15648,7 +15674,7 @@ var InvestmentCreationComponent = function (props) {
15648
15674
  }
15649
15675
  };
15650
15676
  var onChangeTypeCreation = function (e) {
15651
- console.log('radio checked', e.target.value);
15677
+ console.log("radio checked", e.target.value);
15652
15678
  setTypeCreation(e.target.value);
15653
15679
  };
15654
15680
  return (React.createElement("div", { className: "add-programme-main-container" },
@@ -15714,8 +15740,30 @@ var InvestmentCreationComponent = function (props) {
15714
15740
  React.createElement(antd.Input, { size: "large" }))))),
15715
15741
  React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15716
15742
  React.createElement(antd.Col, { xl: 24, md: 24 },
15717
- React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
15718
- React.createElement(antd.Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
15743
+ React.createElement(antd.Form.Item, { label: t("programme:instrument"), name: "instrument",
15744
+ //wrapperCol={{ span: 24 }}
15745
+ required: true, className: "investment-radio-button", rules: [
15746
+ {
15747
+ required: true,
15748
+ message: "",
15749
+ },
15750
+ {
15751
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15752
+ return __generator(this, function (_a) {
15753
+ if (String(value).trim() === "" ||
15754
+ String(value).trim() === undefined ||
15755
+ value === null ||
15756
+ value === undefined) {
15757
+ throw new Error("".concat(t("programme:instrument"), " ").concat(t("isRequired")));
15758
+ }
15759
+ return [2 /*return*/];
15760
+ });
15761
+ }); },
15762
+ },
15763
+ ] },
15764
+ React.createElement(antd.Radio.Group, { onChange: onInstrumentChange, value: instrument[0] }, instrumentOptions.map(function (e) {
15765
+ return (React.createElement(antd.Radio, { value: e.value }, e.label));
15766
+ }))))),
15719
15767
  instrument &&
15720
15768
  instrument.indexOf(exports.Instrument.LOAN) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15721
15769
  React.createElement(antd.Col, { xl: 8, md: 12 },
@@ -15746,6 +15794,160 @@ var InvestmentCreationComponent = function (props) {
15746
15794
  },
15747
15795
  ] },
15748
15796
  React.createElement(antd.Input, { size: "large" })))))),
15797
+ instrument &&
15798
+ (instrument.indexOf(exports.Instrument.CONLOAN) >= 0 ||
15799
+ instrument.indexOf(exports.Instrument.NONCONLOAN) >= 0) && (React.createElement("div", { className: "details-part-two" },
15800
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15801
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15802
+ React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15803
+ {
15804
+ required: true,
15805
+ message: "",
15806
+ },
15807
+ {
15808
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15809
+ return __generator(this, function (_a) {
15810
+ if (String(value).trim() === "" ||
15811
+ String(value).trim() ===
15812
+ undefined ||
15813
+ value === null ||
15814
+ value === undefined) {
15815
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15816
+ }
15817
+ else if (!isNaN(value)) {
15818
+ return [2 /*return*/, Promise.resolve()];
15819
+ }
15820
+ else {
15821
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15822
+ }
15823
+ });
15824
+ }); },
15825
+ },
15826
+ ] },
15827
+ React.createElement(antd.Input, { size: "large" })))),
15828
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15829
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15830
+ React.createElement(antd.Form.Item, { label: t("programme:loanPeriod"), name: "period", required: true, rules: [
15831
+ {
15832
+ required: true,
15833
+ message: "",
15834
+ },
15835
+ {
15836
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15837
+ return __generator(this, function (_a) {
15838
+ if (String(value).trim() === "" ||
15839
+ String(value).trim() ===
15840
+ undefined ||
15841
+ value === null ||
15842
+ value === undefined) {
15843
+ throw new Error("".concat(t("programme:loanPeriod"), " ").concat(t("isRequired")));
15844
+ }
15845
+ return [2 /*return*/];
15846
+ });
15847
+ }); },
15848
+ },
15849
+ ] },
15850
+ React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
15851
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15852
+ React.createElement(antd.Form.Item, { label: t("programme:startOfPayback"), name: "startOfPayback", rules: [
15853
+ {
15854
+ required: true,
15855
+ message: "",
15856
+ },
15857
+ {
15858
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15859
+ return __generator(this, function (_a) {
15860
+ if (String(value).trim() === "" ||
15861
+ String(value).trim() ===
15862
+ undefined ||
15863
+ value === null ||
15864
+ value === undefined) {
15865
+ throw new Error("".concat(t("programme:startOfPayback"), " ").concat(t("isRequired")));
15866
+ }
15867
+ return [2 /*return*/];
15868
+ });
15869
+ }); },
15870
+ },
15871
+ ] },
15872
+ React.createElement(antd.DatePicker, { size: "large", disabledDate: function (currentDate) {
15873
+ return currentDate < moment().startOf("day");
15874
+ } })))))),
15875
+ instrument &&
15876
+ instrument.indexOf(exports.Instrument.GUARANTEE) >= 0 && (React.createElement("div", { className: "details-part-two" },
15877
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15878
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15879
+ React.createElement(antd.Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15880
+ {
15881
+ required: true,
15882
+ message: "",
15883
+ },
15884
+ {
15885
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15886
+ return __generator(this, function (_a) {
15887
+ if (String(value).trim() === "" ||
15888
+ String(value).trim() ===
15889
+ undefined ||
15890
+ value === null ||
15891
+ value === undefined) {
15892
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15893
+ }
15894
+ else if (!isNaN(value)) {
15895
+ return [2 /*return*/, Promise.resolve()];
15896
+ }
15897
+ else {
15898
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15899
+ }
15900
+ });
15901
+ }); },
15902
+ },
15903
+ ] },
15904
+ React.createElement(antd.Input, { size: "large" })))),
15905
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15906
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15907
+ React.createElement(antd.Form.Item, { label: t("programme:period"), name: "period", required: true, rules: [
15908
+ {
15909
+ required: true,
15910
+ message: "",
15911
+ },
15912
+ {
15913
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15914
+ return __generator(this, function (_a) {
15915
+ if (String(value).trim() === "" ||
15916
+ String(value).trim() ===
15917
+ undefined ||
15918
+ value === null ||
15919
+ value === undefined) {
15920
+ throw new Error("".concat(t("programme:period"), " ").concat(t("isRequired")));
15921
+ }
15922
+ return [2 /*return*/];
15923
+ });
15924
+ }); },
15925
+ },
15926
+ ] },
15927
+ React.createElement(RangePicker$3, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
15928
+ React.createElement(antd.Col, { xl: 8, md: 12 },
15929
+ React.createElement(antd.Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "guaranteePayback", rules: [
15930
+ {
15931
+ required: true,
15932
+ message: "",
15933
+ },
15934
+ {
15935
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15936
+ return __generator(this, function (_a) {
15937
+ if (String(value).trim() === "" ||
15938
+ String(value).trim() ===
15939
+ undefined ||
15940
+ value === null ||
15941
+ value === undefined) {
15942
+ throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
15943
+ }
15944
+ return [2 /*return*/];
15945
+ });
15946
+ }); },
15947
+ },
15948
+ ] },
15949
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(GuaranteePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15950
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
15749
15951
  instrument &&
15750
15952
  instrument.indexOf(exports.Instrument.RESULT_BASED) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15751
15953
  React.createElement(antd.Col, { xl: 12, md: 24 },
@@ -15810,6 +16012,32 @@ var InvestmentCreationComponent = function (props) {
15810
16012
  },
15811
16013
  ] },
15812
16014
  React.createElement(antd.Input, { size: "large" })))))),
16015
+ instrument &&
16016
+ instrument.indexOf(exports.Instrument.INSURANCE) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16017
+ React.createElement(antd.Col, { xl: 8, md: 12 },
16018
+ React.createElement("div", { className: "details-part-two" },
16019
+ React.createElement(antd.Form.Item, { label: t("programme:payback"), wrapperCol: { span: 13 }, className: "role-group", name: "insurancePayback", rules: [
16020
+ {
16021
+ required: true,
16022
+ message: "",
16023
+ },
16024
+ {
16025
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
16026
+ return __generator(this, function (_a) {
16027
+ if (String(value).trim() === "" ||
16028
+ String(value).trim() ===
16029
+ undefined ||
16030
+ value === null ||
16031
+ value === undefined) {
16032
+ throw new Error("".concat(t("programme:payback"), " ").concat(t("isRequired")));
16033
+ }
16034
+ return [2 /*return*/];
16035
+ });
16036
+ }); },
16037
+ },
16038
+ ] },
16039
+ React.createElement(antd.Radio.Group, { size: "large" }, Object.values(InsurancePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
16040
+ React.createElement(antd.Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
15813
16041
  instrument &&
15814
16042
  instrument.indexOf(exports.Instrument.OTHER) >= 0 && (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15815
16043
  React.createElement(antd.Col, { xl: 12, md: 24 },
@@ -15879,73 +16107,73 @@ var InvestmentCreationComponent = function (props) {
15879
16107
  React.createElement("div", { className: "step-count" }, "02"),
15880
16108
  React.createElement("div", { className: "title" }, t("programme:ownership")))),
15881
16109
  description: current === 1 && (React.createElement("div", null,
15882
- React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
15883
- React.createElement("div", { className: "programme-sought-form" },
15884
- 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 :
15885
- data.companyId.map(function (companyId, index) {
15886
- return (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15887
- React.createElement(antd.Col, { xl: 8, md: 15 },
15888
- React.createElement("div", { className: "label" },
15889
- companyName[companyId].name,
15890
- React.createElement("span", { className: "required-mark" }, "*"))),
15891
- React.createElement(antd.Col, { xl: 8, md: 9 },
15892
- React.createElement(antd.Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
15893
- {
15894
- pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
15895
- message: "Percentage Should be a positive number",
15896
- },
15897
- {
15898
- required: true,
15899
- message: "Required field",
15900
- },
15901
- function (_a) {
15902
- var getFieldValue = _a.getFieldValue;
15903
- return ({
15904
- validator: function (rule, v) {
15905
- if (getFieldValue([
15906
- "percentage",
15907
- index,
15908
- ]) &&
15909
- parseFloat(getFieldValue([
15910
- "percentage",
15911
- index,
15912
- ])) > data.proponentPercentage[index]) {
15913
- // eslint-disable-next-line prefer-promise-reject-errors
15914
- return Promise.reject("Amount > Available");
15915
- }
15916
- return Promise.resolve();
15917
- },
15918
- });
15919
- },
15920
- ] },
15921
- React.createElement(antd.InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
15922
- // disabled={userInfoState?.companyId === Number(companyId)}
15923
- onKeyPress: function (event) {
15924
- if (!/[0-9\.]/.test(event.key)) {
15925
- event.preventDefault();
15926
- }
15927
- } })),
15928
- React.createElement("div", { className: "inline separator" }, "/"),
15929
- React.createElement(antd.Form.Item, { className: "inline" },
15930
- React.createElement(antd.InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
15931
- }),
15932
- React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16110
+ React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 && (React.createElement("div", { className: "programme-sought-form" },
16111
+ 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 :
16112
+ data.companyId.map(function (companyId, index) {
16113
+ return (React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15933
16114
  React.createElement(antd.Col, { xl: 8, md: 15 },
15934
- React.createElement("div", { className: "label" }, t("programme:total"))),
16115
+ React.createElement("div", { className: "label" },
16116
+ companyName[companyId].name,
16117
+ React.createElement("span", { className: "required-mark" }, "*"))),
15935
16118
  React.createElement(antd.Col, { xl: 8, md: 9 },
15936
- React.createElement(antd.Form.Item, { className: "inline", name: ["total"] },
15937
- React.createElement(antd.InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16119
+ React.createElement(antd.Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
16120
+ {
16121
+ pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
16122
+ message: "Percentage Should be a positive number",
16123
+ },
16124
+ {
16125
+ required: true,
16126
+ message: "Required field",
16127
+ },
16128
+ function (_a) {
16129
+ var getFieldValue = _a.getFieldValue;
16130
+ return ({
16131
+ validator: function (rule, v) {
16132
+ if (getFieldValue([
16133
+ "percentage",
16134
+ index,
16135
+ ]) &&
16136
+ parseFloat(getFieldValue([
16137
+ "percentage",
16138
+ index,
16139
+ ])) >
16140
+ data.proponentPercentage[index]) {
16141
+ // eslint-disable-next-line prefer-promise-reject-errors
16142
+ return Promise.reject("Amount > Available");
16143
+ }
16144
+ return Promise.resolve();
16145
+ },
16146
+ });
16147
+ },
16148
+ ] },
16149
+ React.createElement(antd.InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
16150
+ // disabled={userInfoState?.companyId === Number(companyId)}
16151
+ onKeyPress: function (event) {
15938
16152
  if (!/[0-9\.]/.test(event.key)) {
15939
16153
  event.preventDefault();
15940
16154
  }
15941
16155
  } })),
15942
16156
  React.createElement("div", { className: "inline separator" }, "/"),
15943
16157
  React.createElement(antd.Form.Item, { className: "inline" },
15944
- React.createElement(antd.InputNumber, { disabled: true, placeholder: "100" })))),
15945
- React.createElement(antd.Form.Item, null,
15946
- React.createElement("div", { className: "steps-actions" },
15947
- React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
15948
- React.createElement(antd.Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back"))))))))),
16158
+ React.createElement(antd.InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
16159
+ }),
16160
+ React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
16161
+ React.createElement(antd.Col, { xl: 8, md: 15 },
16162
+ React.createElement("div", { className: "label" }, t("programme:total"))),
16163
+ React.createElement(antd.Col, { xl: 8, md: 9 },
16164
+ React.createElement(antd.Form.Item, { className: "inline", name: ["total"] },
16165
+ React.createElement(antd.InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16166
+ if (!/[0-9\.]/.test(event.key)) {
16167
+ event.preventDefault();
16168
+ }
16169
+ } })),
16170
+ React.createElement("div", { className: "inline separator" }, "/"),
16171
+ React.createElement(antd.Form.Item, { className: "inline" },
16172
+ React.createElement(antd.InputNumber, { disabled: true, placeholder: "100" })))),
16173
+ React.createElement(antd.Form.Item, null,
16174
+ React.createElement("div", { className: "steps-actions" },
16175
+ React.createElement(antd.Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
16176
+ React.createElement(antd.Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back")))))))))),
15949
16177
  },
15950
16178
  ] })))));
15951
16179
  };