@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.
@@ -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 = "Anual"
4
+ }
5
+ export declare enum InsurancePayback {
6
+ LUMPSUM = "LumpSum",
7
+ ANNUAL = "Annual"
8
+ }
package/dist/esm/index.js CHANGED
@@ -2019,6 +2019,9 @@ var Instrument;
2019
2019
  Instrument["EQUITY"] = "Equity";
2020
2020
  Instrument["GUARANTEE"] = "Guarantee";
2021
2021
  Instrument["INKIND"] = "In-Kind";
2022
+ Instrument["CONLOAN"] = "ConcessionalLoan";
2023
+ Instrument["NONCONLOAN"] = "Non-ConcessionalLoan";
2024
+ Instrument["INSURANCE"] = "Insurance";
2022
2025
  Instrument["OTHER"] = "Other";
2023
2026
  })(Instrument || (Instrument = {}));
2024
2027
 
@@ -15324,13 +15327,25 @@ var UserManagementComponent = function (props) {
15324
15327
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
15325
15328
  };
15326
15329
 
15327
- 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";
15330
+ 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";
15328
15331
  styleInject(css_248z$j);
15329
15332
 
15330
15333
  var Loading = function () {
15331
15334
  return React.createElement(Spin, { className: "loading-center", size: "large" });
15332
15335
  };
15333
15336
 
15337
+ var GuaranteePayback;
15338
+ (function (GuaranteePayback) {
15339
+ GuaranteePayback["UPFORNT"] = "Upfront";
15340
+ GuaranteePayback["ANNUAL"] = "Anual";
15341
+ })(GuaranteePayback || (GuaranteePayback = {}));
15342
+ var InsurancePayback;
15343
+ (function (InsurancePayback) {
15344
+ InsurancePayback["LUMPSUM"] = "LumpSum";
15345
+ InsurancePayback["ANNUAL"] = "Annual";
15346
+ })(InsurancePayback || (InsurancePayback = {}));
15347
+
15348
+ var RangePicker$2 = DatePicker.RangePicker;
15334
15349
  var InvestmentCreationComponent = function (props) {
15335
15350
  var t = props.t, useConnection = props.useConnection, userInfoState = props.userInfoState, useLocation = props.useLocation, onNavigateToProgrammeManagementView = props.onNavigateToProgrammeManagementView, onNavigateToProgrammeView = props.onNavigateToProgrammeView;
15336
15351
  var state = useLocation().state;
@@ -15351,8 +15366,9 @@ var InvestmentCreationComponent = function (props) {
15351
15366
  label: addSpaces(Object.values(Instrument)[index]),
15352
15367
  value: Object.values(Instrument)[index],
15353
15368
  }); });
15354
- var onInstrumentChange = function (value) {
15355
- setInstrument(value);
15369
+ var onInstrumentChange = function (e) {
15370
+ console.log("radio checked", e.target.value);
15371
+ setInstrument([e.target.value]);
15356
15372
  };
15357
15373
  var onPercentageChange = function (value) {
15358
15374
  setCurrentPercTotal(formTwo.getFieldValue("percentage").reduce(function (a, b) { return a + b; }, 0));
@@ -15475,7 +15491,7 @@ var InvestmentCreationComponent = function (props) {
15475
15491
  if (!data) {
15476
15492
  return React.createElement(Loading, null);
15477
15493
  }
15478
- console.log('data', data);
15494
+ console.log("data", data);
15479
15495
  var companyName = {};
15480
15496
  if (data && Object.keys(data)[0] !== "ownership") {
15481
15497
  for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
@@ -15510,6 +15526,16 @@ var InvestmentCreationComponent = function (props) {
15510
15526
  if (payload.paymentPerMetric) {
15511
15527
  payload.paymentPerMetric = parseFloat(payload.paymentPerMetric);
15512
15528
  }
15529
+ if (payload.period) {
15530
+ payload.period[0] = moment(payload.period[0]).startOf("day").unix();
15531
+ payload.period[1] = moment(payload.period[1]).endOf("day").unix();
15532
+ }
15533
+ if (payload.startOfPayback) {
15534
+ payload.startOfPayback = moment(payload.startOfPayback)
15535
+ .startOf("day")
15536
+ .unix();
15537
+ }
15538
+ payload.instrument = [payload.instrument];
15513
15539
  payload.fromCompanyIds = data.companyId.map(function (e) { return Number(e); });
15514
15540
  payload.percentage = val.percentage;
15515
15541
  payload.toCompanyId = Number(payload.toCompanyId);
@@ -15555,7 +15581,7 @@ var InvestmentCreationComponent = function (props) {
15555
15581
  }
15556
15582
  };
15557
15583
  var onChangeTypeCreation = function (e) {
15558
- console.log('radio checked', e.target.value);
15584
+ console.log("radio checked", e.target.value);
15559
15585
  setTypeCreation(e.target.value);
15560
15586
  };
15561
15587
  return (React.createElement("div", { className: "add-programme-main-container" },
@@ -15621,8 +15647,30 @@ var InvestmentCreationComponent = function (props) {
15621
15647
  React.createElement(Input, { size: "large" }))))),
15622
15648
  React.createElement(Row, { className: "row", gutter: [16, 16] },
15623
15649
  React.createElement(Col, { xl: 24, md: 24 },
15624
- React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
15625
- React.createElement(Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
15650
+ React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument",
15651
+ //wrapperCol={{ span: 24 }}
15652
+ required: true, className: "investment-radio-button", rules: [
15653
+ {
15654
+ required: true,
15655
+ message: "",
15656
+ },
15657
+ {
15658
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15659
+ return __generator(this, function (_a) {
15660
+ if (String(value).trim() === "" ||
15661
+ String(value).trim() === undefined ||
15662
+ value === null ||
15663
+ value === undefined) {
15664
+ throw new Error("".concat(t("programme:instrument"), " ").concat(t("isRequired")));
15665
+ }
15666
+ return [2 /*return*/];
15667
+ });
15668
+ }); },
15669
+ },
15670
+ ] },
15671
+ React.createElement(Radio.Group, { onChange: onInstrumentChange, value: instrument[0] }, instrumentOptions.map(function (e) {
15672
+ return (React.createElement(Radio, { value: e.value }, e.label));
15673
+ }))))),
15626
15674
  instrument &&
15627
15675
  instrument.indexOf(Instrument.LOAN) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15628
15676
  React.createElement(Col, { xl: 8, md: 12 },
@@ -15653,6 +15701,160 @@ var InvestmentCreationComponent = function (props) {
15653
15701
  },
15654
15702
  ] },
15655
15703
  React.createElement(Input, { size: "large" })))))),
15704
+ instrument &&
15705
+ (instrument.indexOf(Instrument.CONLOAN) >= 0 ||
15706
+ instrument.indexOf(Instrument.NONCONLOAN) >= 0) && (React.createElement("div", { className: "details-part-two" },
15707
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
15708
+ React.createElement(Col, { xl: 8, md: 12 },
15709
+ React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15710
+ {
15711
+ required: true,
15712
+ message: "",
15713
+ },
15714
+ {
15715
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15716
+ return __generator(this, function (_a) {
15717
+ if (String(value).trim() === "" ||
15718
+ String(value).trim() ===
15719
+ undefined ||
15720
+ value === null ||
15721
+ value === undefined) {
15722
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15723
+ }
15724
+ else if (!isNaN(value)) {
15725
+ return [2 /*return*/, Promise.resolve()];
15726
+ }
15727
+ else {
15728
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15729
+ }
15730
+ });
15731
+ }); },
15732
+ },
15733
+ ] },
15734
+ React.createElement(Input, { size: "large" })))),
15735
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
15736
+ React.createElement(Col, { xl: 8, md: 12 },
15737
+ React.createElement(Form.Item, { label: t("programme:loanPeriod"), name: "period", required: true, rules: [
15738
+ {
15739
+ required: true,
15740
+ message: "",
15741
+ },
15742
+ {
15743
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15744
+ return __generator(this, function (_a) {
15745
+ if (String(value).trim() === "" ||
15746
+ String(value).trim() ===
15747
+ undefined ||
15748
+ value === null ||
15749
+ value === undefined) {
15750
+ throw new Error("".concat(t("programme:loanPeriod"), " ").concat(t("isRequired")));
15751
+ }
15752
+ return [2 /*return*/];
15753
+ });
15754
+ }); },
15755
+ },
15756
+ ] },
15757
+ React.createElement(RangePicker$2, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
15758
+ React.createElement(Col, { xl: 8, md: 12 },
15759
+ React.createElement(Form.Item, { label: t("programme:startOfPayback"), name: "startOfPayback", rules: [
15760
+ {
15761
+ required: true,
15762
+ message: "",
15763
+ },
15764
+ {
15765
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15766
+ return __generator(this, function (_a) {
15767
+ if (String(value).trim() === "" ||
15768
+ String(value).trim() ===
15769
+ undefined ||
15770
+ value === null ||
15771
+ value === undefined) {
15772
+ throw new Error("".concat(t("programme:startOfPayback"), " ").concat(t("isRequired")));
15773
+ }
15774
+ return [2 /*return*/];
15775
+ });
15776
+ }); },
15777
+ },
15778
+ ] },
15779
+ React.createElement(DatePicker, { size: "large", disabledDate: function (currentDate) {
15780
+ return currentDate < moment().startOf("day");
15781
+ } })))))),
15782
+ instrument &&
15783
+ instrument.indexOf(Instrument.GUARANTEE) >= 0 && (React.createElement("div", { className: "details-part-two" },
15784
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
15785
+ React.createElement(Col, { xl: 8, md: 12 },
15786
+ React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15787
+ {
15788
+ required: true,
15789
+ message: "",
15790
+ },
15791
+ {
15792
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15793
+ return __generator(this, function (_a) {
15794
+ if (String(value).trim() === "" ||
15795
+ String(value).trim() ===
15796
+ undefined ||
15797
+ value === null ||
15798
+ value === undefined) {
15799
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15800
+ }
15801
+ else if (!isNaN(value)) {
15802
+ return [2 /*return*/, Promise.resolve()];
15803
+ }
15804
+ else {
15805
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15806
+ }
15807
+ });
15808
+ }); },
15809
+ },
15810
+ ] },
15811
+ React.createElement(Input, { size: "large" })))),
15812
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
15813
+ React.createElement(Col, { xl: 8, md: 12 },
15814
+ React.createElement(Form.Item, { label: t("programme:period"), name: "period", required: true, rules: [
15815
+ {
15816
+ required: true,
15817
+ message: "",
15818
+ },
15819
+ {
15820
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15821
+ return __generator(this, function (_a) {
15822
+ if (String(value).trim() === "" ||
15823
+ String(value).trim() ===
15824
+ undefined ||
15825
+ value === null ||
15826
+ value === undefined) {
15827
+ throw new Error("".concat(t("programme:period"), " ").concat(t("isRequired")));
15828
+ }
15829
+ return [2 /*return*/];
15830
+ });
15831
+ }); },
15832
+ },
15833
+ ] },
15834
+ React.createElement(RangePicker$2, { showTime: true, allowClear: true, format: "DD:MM:YYYY", size: "large" }))),
15835
+ React.createElement(Col, { xl: 8, md: 12 },
15836
+ React.createElement(Form.Item, { label: t("programme:guaranteePayback"), wrapperCol: { span: 13 }, className: "role-group", name: "guaranteePayback", rules: [
15837
+ {
15838
+ required: true,
15839
+ message: "",
15840
+ },
15841
+ {
15842
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15843
+ return __generator(this, function (_a) {
15844
+ if (String(value).trim() === "" ||
15845
+ String(value).trim() ===
15846
+ undefined ||
15847
+ value === null ||
15848
+ value === undefined) {
15849
+ throw new Error("".concat(t("programme:guaranteePayback"), " ").concat(t("isRequired")));
15850
+ }
15851
+ return [2 /*return*/];
15852
+ });
15853
+ }); },
15854
+ },
15855
+ ] },
15856
+ React.createElement(Radio.Group, { size: "large" }, Object.values(GuaranteePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15857
+ React.createElement(Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
15656
15858
  instrument &&
15657
15859
  instrument.indexOf(Instrument.RESULT_BASED) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15658
15860
  React.createElement(Col, { xl: 12, md: 24 },
@@ -15717,6 +15919,32 @@ var InvestmentCreationComponent = function (props) {
15717
15919
  },
15718
15920
  ] },
15719
15921
  React.createElement(Input, { size: "large" })))))),
15922
+ instrument &&
15923
+ instrument.indexOf(Instrument.INSURANCE) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15924
+ React.createElement(Col, { xl: 8, md: 12 },
15925
+ React.createElement("div", { className: "details-part-two" },
15926
+ React.createElement(Form.Item, { label: t("programme:insurancePayback"), wrapperCol: { span: 13 }, className: "role-group", name: "insurancePayback", rules: [
15927
+ {
15928
+ required: true,
15929
+ message: "",
15930
+ },
15931
+ {
15932
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15933
+ return __generator(this, function (_a) {
15934
+ if (String(value).trim() === "" ||
15935
+ String(value).trim() ===
15936
+ undefined ||
15937
+ value === null ||
15938
+ value === undefined) {
15939
+ throw new Error("".concat(t("programme:insurancePayback"), " ").concat(t("isRequired")));
15940
+ }
15941
+ return [2 /*return*/];
15942
+ });
15943
+ }); },
15944
+ },
15945
+ ] },
15946
+ React.createElement(Radio.Group, { size: "large" }, Object.values(InsurancePayback).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15947
+ React.createElement(Radio.Button, { className: "condition-radio", value: k }, t("programme:" + k)))); }))))))),
15720
15948
  instrument &&
15721
15949
  instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15722
15950
  React.createElement(Col, { xl: 12, md: 24 },
@@ -15786,73 +16014,73 @@ var InvestmentCreationComponent = function (props) {
15786
16014
  React.createElement("div", { className: "step-count" }, "02"),
15787
16015
  React.createElement("div", { className: "title" }, t("programme:ownership")))),
15788
16016
  description: current === 1 && (React.createElement("div", null,
15789
- React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
15790
- React.createElement("div", { className: "programme-sought-form" },
15791
- 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 :
15792
- data.companyId.map(function (companyId, index) {
15793
- return (React.createElement(Row, { className: "row", gutter: [16, 16] },
15794
- React.createElement(Col, { xl: 8, md: 15 },
15795
- React.createElement("div", { className: "label" },
15796
- companyName[companyId].name,
15797
- React.createElement("span", { className: "required-mark" }, "*"))),
15798
- React.createElement(Col, { xl: 8, md: 9 },
15799
- React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
15800
- {
15801
- pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
15802
- message: "Percentage Should be a positive number",
15803
- },
15804
- {
15805
- required: true,
15806
- message: "Required field",
15807
- },
15808
- function (_a) {
15809
- var getFieldValue = _a.getFieldValue;
15810
- return ({
15811
- validator: function (rule, v) {
15812
- if (getFieldValue([
15813
- "percentage",
15814
- index,
15815
- ]) &&
15816
- parseFloat(getFieldValue([
15817
- "percentage",
15818
- index,
15819
- ])) > data.proponentPercentage[index]) {
15820
- // eslint-disable-next-line prefer-promise-reject-errors
15821
- return Promise.reject("Amount > Available");
15822
- }
15823
- return Promise.resolve();
15824
- },
15825
- });
15826
- },
15827
- ] },
15828
- React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
15829
- // disabled={userInfoState?.companyId === Number(companyId)}
15830
- onKeyPress: function (event) {
15831
- if (!/[0-9\.]/.test(event.key)) {
15832
- event.preventDefault();
15833
- }
15834
- } })),
15835
- React.createElement("div", { className: "inline separator" }, "/"),
15836
- React.createElement(Form.Item, { className: "inline" },
15837
- React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
15838
- }),
15839
- React.createElement(Row, { className: "row", gutter: [16, 16] },
16017
+ React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 && (React.createElement("div", { className: "programme-sought-form" },
16018
+ 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 :
16019
+ data.companyId.map(function (companyId, index) {
16020
+ return (React.createElement(Row, { className: "row", gutter: [16, 16] },
15840
16021
  React.createElement(Col, { xl: 8, md: 15 },
15841
- React.createElement("div", { className: "label" }, t("programme:total"))),
16022
+ React.createElement("div", { className: "label" },
16023
+ companyName[companyId].name,
16024
+ React.createElement("span", { className: "required-mark" }, "*"))),
15842
16025
  React.createElement(Col, { xl: 8, md: 9 },
15843
- React.createElement(Form.Item, { className: "inline", name: ["total"] },
15844
- React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16026
+ React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
16027
+ {
16028
+ pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
16029
+ message: "Percentage Should be a positive number",
16030
+ },
16031
+ {
16032
+ required: true,
16033
+ message: "Required field",
16034
+ },
16035
+ function (_a) {
16036
+ var getFieldValue = _a.getFieldValue;
16037
+ return ({
16038
+ validator: function (rule, v) {
16039
+ if (getFieldValue([
16040
+ "percentage",
16041
+ index,
16042
+ ]) &&
16043
+ parseFloat(getFieldValue([
16044
+ "percentage",
16045
+ index,
16046
+ ])) >
16047
+ data.proponentPercentage[index]) {
16048
+ // eslint-disable-next-line prefer-promise-reject-errors
16049
+ return Promise.reject("Amount > Available");
16050
+ }
16051
+ return Promise.resolve();
16052
+ },
16053
+ });
16054
+ },
16055
+ ] },
16056
+ React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
16057
+ // disabled={userInfoState?.companyId === Number(companyId)}
16058
+ onKeyPress: function (event) {
15845
16059
  if (!/[0-9\.]/.test(event.key)) {
15846
16060
  event.preventDefault();
15847
16061
  }
15848
16062
  } })),
15849
16063
  React.createElement("div", { className: "inline separator" }, "/"),
15850
16064
  React.createElement(Form.Item, { className: "inline" },
15851
- React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
15852
- React.createElement(Form.Item, null,
15853
- React.createElement("div", { className: "steps-actions" },
15854
- React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
15855
- React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back"))))))))),
16065
+ React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
16066
+ }),
16067
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
16068
+ React.createElement(Col, { xl: 8, md: 15 },
16069
+ React.createElement("div", { className: "label" }, t("programme:total"))),
16070
+ React.createElement(Col, { xl: 8, md: 9 },
16071
+ React.createElement(Form.Item, { className: "inline", name: ["total"] },
16072
+ React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
16073
+ if (!/[0-9\.]/.test(event.key)) {
16074
+ event.preventDefault();
16075
+ }
16076
+ } })),
16077
+ React.createElement("div", { className: "inline separator" }, "/"),
16078
+ React.createElement(Form.Item, { className: "inline" },
16079
+ React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
16080
+ React.createElement(Form.Item, null,
16081
+ React.createElement("div", { className: "steps-actions" },
16082
+ React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
16083
+ React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back")))))))))),
15856
16084
  },
15857
16085
  ] })))));
15858
16086
  };