@undp/carbon-library 1.0.175-CARBON-347.3 → 1.0.175-CARBON-347.5

Sign up to get free protection for your applications and to get access to all the features.
package/dist/esm/index.js CHANGED
@@ -15443,7 +15443,7 @@ var InvestmentCreationComponent = function (props) {
15443
15443
  if (!data) {
15444
15444
  return React.createElement(Loading, null);
15445
15445
  }
15446
- console.log('data', data);
15446
+ console.log("data", data);
15447
15447
  var companyName = {};
15448
15448
  if (data && Object.keys(data)[0] !== "ownership") {
15449
15449
  for (var _i = 0, _l = data === null || data === void 0 ? void 0 : data.company; _i < _l.length; _i++) {
@@ -15523,7 +15523,7 @@ var InvestmentCreationComponent = function (props) {
15523
15523
  }
15524
15524
  };
15525
15525
  var onChangeTypeCreation = function (e) {
15526
- console.log('radio checked', e.target.value);
15526
+ console.log("radio checked", e.target.value);
15527
15527
  setTypeCreation(e.target.value);
15528
15528
  };
15529
15529
  return (React.createElement("div", { className: "add-programme-main-container" },
@@ -15549,278 +15549,281 @@ var InvestmentCreationComponent = function (props) {
15549
15549
  ] },
15550
15550
  React.createElement(Radio.Group, { size: "large", defaultValue: typeCreation }, Object.values(InvestmentCreationType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15551
15551
  React.createElement(Radio.Button, { className: "condition-radio", value: k, onChange: onChangeTypeCreation }, t("programme:" + k)))); }))))),
15552
- React.createElement(Row, { className: "row", gutter: [16, 16] },
15553
- React.createElement(Col, { xl: 12, md: 24 },
15554
- React.createElement("div", { className: "details-part-one" },
15555
- React.createElement(Form.Item, { label: t("programme:investorName"), name: "toCompanyId", wrapperCol: { span: 24 }, className: "organisation", rules: [
15556
- {
15557
- required: true,
15558
- message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
15559
- },
15560
- ] },
15561
- React.createElement(Select, { size: "large", loading: loadingList }, organisationsList.map(function (organisation) { return (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name)); }))))),
15562
- React.createElement(Col, { xl: 12, md: 24 },
15563
- React.createElement("div", { className: "details-part-two" },
15564
- React.createElement(Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
15565
- {
15566
- required: true,
15567
- message: "",
15568
- },
15569
- {
15570
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15571
- return __generator(this, function (_a) {
15572
- if (String(value).trim() === "" ||
15573
- String(value).trim() === undefined ||
15574
- value === null ||
15575
- value === undefined) {
15576
- throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
15577
- }
15578
- else if (!isNaN(value) &&
15579
- Number(value) > 0) {
15580
- return [2 /*return*/, Promise.resolve()];
15581
- }
15582
- else {
15583
- throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
15584
- }
15585
- });
15586
- }); },
15587
- },
15588
- ] },
15589
- React.createElement(Input, { size: "large" }))))),
15590
- React.createElement(Row, { className: "row", gutter: [16, 16] },
15591
- React.createElement(Col, { xl: 24, md: 24 },
15592
- React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
15593
- React.createElement(Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
15594
- instrument &&
15595
- instrument.indexOf(Instrument.LOAN) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15596
- React.createElement(Col, { xl: 8, md: 12 },
15597
- React.createElement("div", { className: "details-part-two" },
15598
- React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15599
- {
15600
- required: true,
15601
- message: "",
15602
- },
15603
- {
15604
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15605
- return __generator(this, function (_a) {
15606
- if (String(value).trim() === "" ||
15607
- String(value).trim() ===
15608
- undefined ||
15609
- value === null ||
15610
- value === undefined) {
15611
- throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15612
- }
15613
- else if (!isNaN(value)) {
15614
- return [2 /*return*/, Promise.resolve()];
15615
- }
15616
- else {
15617
- throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15618
- }
15619
- });
15620
- }); },
15621
- },
15622
- ] },
15623
- React.createElement(Input, { size: "large" })))))),
15624
- instrument &&
15625
- instrument.indexOf(Instrument.RESULT_BASED) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15626
- React.createElement(Col, { xl: 12, md: 24 },
15627
- React.createElement("div", { className: "details-part-two" },
15628
- React.createElement(Form.Item, { label: t("programme:resultMetric"), name: "resultMetric", rules: [
15629
- {
15630
- required: true,
15631
- message: "",
15632
- },
15633
- {
15634
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15635
- return __generator(this, function (_a) {
15636
- if (String(value).trim() === "" ||
15637
- String(value).trim() ===
15638
- undefined ||
15639
- value === null ||
15640
- value === undefined) {
15641
- throw new Error("".concat(t("programme:resultMetric"), " ").concat(t("isRequired")));
15642
- }
15643
- return [2 /*return*/];
15644
- });
15645
- }); },
15646
- },
15647
- ] },
15648
- React.createElement(Input, { size: "large" })))),
15649
- React.createElement(Col, { xl: 12, md: 24 },
15650
- React.createElement("div", { className: "details-part-two" },
15651
- React.createElement(Form.Item, { label: t("programme:paymentPerMetric"), name: "paymentPerMetric", rules: [
15652
- {
15653
- required: true,
15654
- message: "",
15655
- },
15552
+ typeCreation == InvestmentCreationType.NEW && (React.createElement("div", null,
15553
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
15554
+ React.createElement(Col, { xl: 12, md: 24 },
15555
+ React.createElement("div", { className: "details-part-one" },
15556
+ React.createElement(Form.Item, { label: t("programme:investorName"), name: "toCompanyId", wrapperCol: { span: 24 }, className: "organisation", rules: [
15557
+ {
15558
+ required: true,
15559
+ message: "".concat(t("programme:investorName"), " ").concat(t("isRequired")),
15560
+ },
15561
+ ] },
15562
+ React.createElement(Select, { size: "large", loading: loadingList }, organisationsList.map(function (organisation) { return (React.createElement(Select.Option, { key: organisation.companyId, value: organisation.companyId }, organisation.name)); }))))),
15563
+ React.createElement(Col, { xl: 12, md: 24 },
15564
+ React.createElement("div", { className: "details-part-two" },
15565
+ React.createElement(Form.Item, { label: t("programme:amountInvested"), name: "amount", rules: [
15566
+ {
15567
+ required: true,
15568
+ message: "",
15569
+ },
15570
+ {
15571
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15572
+ return __generator(this, function (_a) {
15573
+ if (String(value).trim() === "" ||
15574
+ String(value).trim() ===
15575
+ undefined ||
15576
+ value === null ||
15577
+ value === undefined) {
15578
+ throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isRequired")));
15579
+ }
15580
+ else if (!isNaN(value) &&
15581
+ Number(value) > 0) {
15582
+ return [2 /*return*/, Promise.resolve()];
15583
+ }
15584
+ else {
15585
+ throw new Error("".concat(t("programme:amountInvested"), " ").concat(t("isInvalid")));
15586
+ }
15587
+ });
15588
+ }); },
15589
+ },
15590
+ ] },
15591
+ React.createElement(Input, { size: "large" }))))),
15592
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
15593
+ React.createElement(Col, { xl: 24, md: 24 },
15594
+ React.createElement(Form.Item, { label: t("programme:instrument"), name: "instrument", wrapperCol: { span: 24 }, className: "" },
15595
+ React.createElement(Checkbox.Group, { options: instrumentOptions, defaultValue: instrumentOptions.map(function (e) { return e.value; }), onChange: onInstrumentChange })))),
15596
+ instrument &&
15597
+ instrument.indexOf(Instrument.LOAN) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15598
+ React.createElement(Col, { xl: 8, md: 12 },
15599
+ React.createElement("div", { className: "details-part-two" },
15600
+ React.createElement(Form.Item, { label: t("programme:interestRate"), name: "interestRate", rules: [
15601
+ {
15602
+ required: true,
15603
+ message: "",
15604
+ },
15605
+ {
15606
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15607
+ return __generator(this, function (_a) {
15608
+ if (String(value).trim() === "" ||
15609
+ String(value).trim() ===
15610
+ undefined ||
15611
+ value === null ||
15612
+ value === undefined) {
15613
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isRequired")));
15614
+ }
15615
+ else if (!isNaN(value)) {
15616
+ return [2 /*return*/, Promise.resolve()];
15617
+ }
15618
+ else {
15619
+ throw new Error("".concat(t("programme:interestRate"), " ").concat(t("isInvalid")));
15620
+ }
15621
+ });
15622
+ }); },
15623
+ },
15624
+ ] },
15625
+ React.createElement(Input, { size: "large" })))))),
15626
+ instrument &&
15627
+ instrument.indexOf(Instrument.RESULT_BASED) >=
15628
+ 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15629
+ React.createElement(Col, { xl: 12, md: 24 },
15630
+ React.createElement("div", { className: "details-part-two" },
15631
+ React.createElement(Form.Item, { label: t("programme:resultMetric"), name: "resultMetric", rules: [
15632
+ {
15633
+ required: true,
15634
+ message: "",
15635
+ },
15636
+ {
15637
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15638
+ return __generator(this, function (_a) {
15639
+ if (String(value).trim() === "" ||
15640
+ String(value).trim() ===
15641
+ undefined ||
15642
+ value === null ||
15643
+ value === undefined) {
15644
+ throw new Error("".concat(t("programme:resultMetric"), " ").concat(t("isRequired")));
15645
+ }
15646
+ return [2 /*return*/];
15647
+ });
15648
+ }); },
15649
+ },
15650
+ ] },
15651
+ React.createElement(Input, { size: "large" })))),
15652
+ React.createElement(Col, { xl: 12, md: 24 },
15653
+ React.createElement("div", { className: "details-part-two" },
15654
+ React.createElement(Form.Item, { label: t("programme:paymentPerMetric"), name: "paymentPerMetric", rules: [
15655
+ {
15656
+ required: true,
15657
+ message: "",
15658
+ },
15659
+ {
15660
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15661
+ return __generator(this, function (_a) {
15662
+ if (String(value).trim() === "" ||
15663
+ String(value).trim() ===
15664
+ undefined ||
15665
+ value === null ||
15666
+ value === undefined) {
15667
+ throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isRequired")));
15668
+ }
15669
+ else if (!isNaN(value)) {
15670
+ return [2 /*return*/, Promise.resolve()];
15671
+ }
15672
+ else {
15673
+ throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isInvalid")));
15674
+ }
15675
+ });
15676
+ }); },
15677
+ },
15678
+ ] },
15679
+ React.createElement(Input, { size: "large" })))))),
15680
+ instrument &&
15681
+ instrument.indexOf(Instrument.INKIND) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15682
+ React.createElement(Col, { xl: 12, md: 24 },
15683
+ React.createElement("div", { className: "details-part-two" },
15684
+ React.createElement(Form.Item, { label: t("programme:description"), name: "description", rules: [
15685
+ {
15686
+ required: false,
15687
+ message: "",
15688
+ },
15689
+ ] },
15690
+ React.createElement(Input, { size: "large" })))))),
15691
+ instrument &&
15692
+ instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15693
+ React.createElement(Col, { xl: 12, md: 24 },
15694
+ React.createElement("div", { className: "details-part-two" },
15695
+ React.createElement(Form.Item, { label: t("programme:comments"), name: "comments", rules: [
15696
+ {
15697
+ required: true,
15698
+ message: "",
15699
+ },
15700
+ {
15701
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15702
+ return __generator(this, function (_a) {
15703
+ if (String(value).trim() === "" ||
15704
+ String(value).trim() ===
15705
+ undefined ||
15706
+ value === null ||
15707
+ value === undefined) {
15708
+ throw new Error("".concat(t("programme:comments"), " ").concat(t("isRequired")));
15709
+ }
15710
+ return [2 /*return*/];
15711
+ });
15712
+ }); },
15713
+ },
15714
+ ] },
15715
+ React.createElement(Input, { size: "large" })))))),
15716
+ React.createElement(Row, { className: "row", gutter: [4, 4] },
15717
+ React.createElement(Col, { xl: 8, md: 12 },
15718
+ React.createElement(Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
15656
15719
  {
15657
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15658
- return __generator(this, function (_a) {
15659
- if (String(value).trim() === "" ||
15660
- String(value).trim() ===
15661
- undefined ||
15662
- value === null ||
15663
- value === undefined) {
15664
- throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isRequired")));
15665
- }
15666
- else if (!isNaN(value)) {
15667
- return [2 /*return*/, Promise.resolve()];
15668
- }
15669
- else {
15670
- throw new Error("".concat(t("programme:paymentPerMetric"), " ").concat(t("isInvalid")));
15671
- }
15672
- });
15673
- }); },
15720
+ required: false,
15674
15721
  },
15675
15722
  ] },
15676
- React.createElement(Input, { size: "large" })))))),
15677
- instrument &&
15678
- instrument.indexOf(Instrument.INKIND) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15679
- React.createElement(Col, { xl: 12, md: 24 },
15680
- React.createElement("div", { className: "details-part-two" },
15681
- React.createElement(Form.Item, { label: t("programme:description"), name: "description", rules: [
15723
+ React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15724
+ React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
15725
+ return deselectOnClick(e, "type");
15726
+ } }, t("programme:" + k)))); })))),
15727
+ React.createElement(Col, { xl: 8, md: 12 },
15728
+ React.createElement(Form.Item, { label: t("programme:level"), wrapperCol: { span: 13 }, className: "role-group", name: "level", rules: [
15682
15729
  {
15683
15730
  required: false,
15684
- message: "",
15685
15731
  },
15686
15732
  ] },
15687
- React.createElement(Input, { size: "large" })))))),
15688
- instrument &&
15689
- instrument.indexOf(Instrument.OTHER) >= 0 && (React.createElement(Row, { className: "row", gutter: [16, 16] },
15690
- React.createElement(Col, { xl: 12, md: 24 },
15691
- React.createElement("div", { className: "details-part-two" },
15692
- React.createElement(Form.Item, { label: t("programme:comments"), name: "comments", rules: [
15693
- {
15694
- required: true,
15695
- message: "",
15696
- },
15733
+ React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentLevel).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15734
+ React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
15735
+ return deselectOnClick(e, "level");
15736
+ } }, t("programme:" + k)))); })))),
15737
+ React.createElement(Col, { xl: 8, md: 12 },
15738
+ React.createElement(Form.Item, { label: t("programme:stream"), wrapperCol: { span: 13 }, className: "role-group", name: "stream", rules: [
15697
15739
  {
15698
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
15699
- return __generator(this, function (_a) {
15700
- if (String(value).trim() === "" ||
15701
- String(value).trim() ===
15702
- undefined ||
15703
- value === null ||
15704
- value === undefined) {
15705
- throw new Error("".concat(t("programme:comments"), " ").concat(t("isRequired")));
15706
- }
15707
- return [2 /*return*/];
15708
- });
15709
- }); },
15740
+ required: false,
15710
15741
  },
15711
15742
  ] },
15712
- React.createElement(Input, { size: "large" })))))),
15713
- React.createElement(Row, { className: "row", gutter: [4, 4] },
15714
- React.createElement(Col, { xl: 8, md: 12 },
15715
- React.createElement(Form.Item, { label: t("programme:type"), wrapperCol: { span: 13 }, className: "role-group", name: "type", rules: [
15716
- {
15717
- required: false,
15718
- },
15719
- ] },
15720
- React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentType).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15721
- React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
15722
- return deselectOnClick(e, "type");
15723
- } }, t("programme:" + k)))); })))),
15724
- React.createElement(Col, { xl: 8, md: 12 },
15725
- React.createElement(Form.Item, { label: t("programme:level"), wrapperCol: { span: 13 }, className: "role-group", name: "level", rules: [
15726
- {
15727
- required: false,
15728
- },
15729
- ] },
15730
- React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentLevel).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15731
- React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
15732
- return deselectOnClick(e, "level");
15733
- } }, t("programme:" + k)))); })))),
15734
- React.createElement(Col, { xl: 8, md: 12 },
15735
- React.createElement(Form.Item, { label: t("programme:stream"), wrapperCol: { span: 13 }, className: "role-group", name: "stream", rules: [
15736
- {
15737
- required: false,
15738
- },
15739
- ] },
15740
- React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentStream).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15741
- React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
15742
- return deselectOnClick(e, "stream");
15743
- } }, t("programme:" + k)))); }))))),
15744
- React.createElement(Row, { className: "row", gutter: [16, 16] },
15745
- React.createElement(Col, { xl: 12, md: 24 },
15746
- React.createElement(Form.Item, { label: t("programme:esgType"), name: "esgClassification" },
15747
- React.createElement(Select, { size: "large" }, Object.values(ESGType).map(function (esg) { return (React.createElement(Select.Option, { value: esg }, esg)); }))))),
15748
- React.createElement(Form.Item, null,
15749
- React.createElement("div", { className: "steps-actions" },
15750
- React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: nextOne }, t("programme:next")))))))),
15743
+ React.createElement(Radio.Group, { size: "large" }, Object.values(InvestmentStream).map(function (k, index) { return (React.createElement("div", { className: "condition-radio-container" },
15744
+ React.createElement(Radio.Button, { className: "condition-radio", value: k, onClick: function (e) {
15745
+ return deselectOnClick(e, "stream");
15746
+ } }, t("programme:" + k)))); }))))),
15747
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
15748
+ React.createElement(Col, { xl: 12, md: 24 },
15749
+ React.createElement(Form.Item, { label: t("programme:esgType"), name: "esgClassification" },
15750
+ React.createElement(Select, { size: "large" }, Object.values(ESGType).map(function (esg) { return (React.createElement(Select.Option, { value: esg }, esg)); }))))),
15751
+ React.createElement(Form.Item, null,
15752
+ React.createElement("div", { className: "steps-actions" },
15753
+ React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: nextOne }, t("programme:next")))))))))),
15751
15754
  },
15752
15755
  {
15753
15756
  title: (React.createElement("div", { className: "step-title-container" },
15754
15757
  React.createElement("div", { className: "step-count" }, "02"),
15755
15758
  React.createElement("div", { className: "title" }, t("programme:ownership")))),
15756
15759
  description: current === 1 && (React.createElement("div", null,
15757
- React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 &&
15758
- React.createElement("div", { className: "programme-sought-form" },
15759
- 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 :
15760
- data.companyId.map(function (companyId, index) {
15761
- return (React.createElement(Row, { className: "row", gutter: [16, 16] },
15762
- React.createElement(Col, { xl: 8, md: 15 },
15763
- React.createElement("div", { className: "label" },
15764
- companyName[companyId].name,
15765
- React.createElement("span", { className: "required-mark" }, "*"))),
15766
- React.createElement(Col, { xl: 8, md: 9 },
15767
- React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
15768
- {
15769
- pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
15770
- message: "Percentage Should be a positive number",
15771
- },
15772
- {
15773
- required: true,
15774
- message: "Required field",
15775
- },
15776
- function (_a) {
15777
- var getFieldValue = _a.getFieldValue;
15778
- return ({
15779
- validator: function (rule, v) {
15780
- if (getFieldValue([
15781
- "percentage",
15782
- index,
15783
- ]) &&
15784
- parseFloat(getFieldValue([
15785
- "percentage",
15786
- index,
15787
- ])) > data.proponentPercentage[index]) {
15788
- // eslint-disable-next-line prefer-promise-reject-errors
15789
- return Promise.reject("Amount > Available");
15790
- }
15791
- return Promise.resolve();
15792
- },
15793
- });
15794
- },
15795
- ] },
15796
- React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
15797
- // disabled={userInfoState?.companyId === Number(companyId)}
15798
- onKeyPress: function (event) {
15799
- if (!/[0-9\.]/.test(event.key)) {
15800
- event.preventDefault();
15801
- }
15802
- } })),
15803
- React.createElement("div", { className: "inline separator" }, "/"),
15804
- React.createElement(Form.Item, { className: "inline" },
15805
- React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
15806
- }),
15807
- React.createElement(Row, { className: "row", gutter: [16, 16] },
15760
+ React.createElement("div", { className: "programme-sought-form-container ownership-container" }, Object.keys(data).length > 0 && (React.createElement("div", { className: "programme-sought-form" },
15761
+ 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 :
15762
+ data.companyId.map(function (companyId, index) {
15763
+ return (React.createElement(Row, { className: "row", gutter: [16, 16] },
15808
15764
  React.createElement(Col, { xl: 8, md: 15 },
15809
- React.createElement("div", { className: "label" }, t("programme:total"))),
15765
+ React.createElement("div", { className: "label" },
15766
+ companyName[companyId].name,
15767
+ React.createElement("span", { className: "required-mark" }, "*"))),
15810
15768
  React.createElement(Col, { xl: 8, md: 9 },
15811
- React.createElement(Form.Item, { className: "inline", name: ["total"] },
15812
- React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
15769
+ React.createElement(Form.Item, { className: "inline", name: ["percentage", index], initialValue: 0, rules: [
15770
+ {
15771
+ pattern: new RegExp(/^[+]?([.]\d+|\d+[.]?\d*)$/g),
15772
+ message: "Percentage Should be a positive number",
15773
+ },
15774
+ {
15775
+ required: true,
15776
+ message: "Required field",
15777
+ },
15778
+ function (_a) {
15779
+ var getFieldValue = _a.getFieldValue;
15780
+ return ({
15781
+ validator: function (rule, v) {
15782
+ if (getFieldValue([
15783
+ "percentage",
15784
+ index,
15785
+ ]) &&
15786
+ parseFloat(getFieldValue([
15787
+ "percentage",
15788
+ index,
15789
+ ])) >
15790
+ data.proponentPercentage[index]) {
15791
+ // eslint-disable-next-line prefer-promise-reject-errors
15792
+ return Promise.reject("Amount > Available");
15793
+ }
15794
+ return Promise.resolve();
15795
+ },
15796
+ });
15797
+ },
15798
+ ] },
15799
+ React.createElement(InputNumber, { placeholder: "", controls: false, disabled: govData.companyId == companyId,
15800
+ // disabled={userInfoState?.companyId === Number(companyId)}
15801
+ onKeyPress: function (event) {
15813
15802
  if (!/[0-9\.]/.test(event.key)) {
15814
15803
  event.preventDefault();
15815
15804
  }
15816
15805
  } })),
15817
15806
  React.createElement("div", { className: "inline separator" }, "/"),
15818
15807
  React.createElement(Form.Item, { className: "inline" },
15819
- React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
15820
- React.createElement(Form.Item, null,
15821
- React.createElement("div", { className: "steps-actions" },
15822
- React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
15823
- React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back"))))))))),
15808
+ React.createElement(InputNumber, { placeholder: String(data === null || data === void 0 ? void 0 : data.proponentPercentage[index]), disabled: true })))));
15809
+ }),
15810
+ React.createElement(Row, { className: "row", gutter: [16, 16] },
15811
+ React.createElement(Col, { xl: 8, md: 15 },
15812
+ React.createElement("div", { className: "label" }, t("programme:total"))),
15813
+ React.createElement(Col, { xl: 8, md: 9 },
15814
+ React.createElement(Form.Item, { className: "inline", name: ["total"] },
15815
+ React.createElement(InputNumber, { placeholder: currentPercTotal + "", controls: false, disabled: true, onKeyPress: function (event) {
15816
+ if (!/[0-9\.]/.test(event.key)) {
15817
+ event.preventDefault();
15818
+ }
15819
+ } })),
15820
+ React.createElement("div", { className: "inline separator" }, "/"),
15821
+ React.createElement(Form.Item, { className: "inline" },
15822
+ React.createElement(InputNumber, { disabled: true, placeholder: "100" })))),
15823
+ React.createElement(Form.Item, null,
15824
+ React.createElement("div", { className: "steps-actions" },
15825
+ React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading, onSubmit: submitInvestment }, t("programme:submit")),
15826
+ React.createElement(Button, { className: "back-btn", onClick: function () { return prevOne(); }, loading: loading }, t("programme:back")))))))))),
15824
15827
  },
15825
15828
  ] })))));
15826
15829
  };