@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.
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
  };