@undp/carbon-library 1.0.22 → 1.0.24

package/dist/cjs/types/Components/Company/AddNewCompany/addNewCompanyComponent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 import "./addNewCompanyComponent.scss";
 import "../../../Styles/app.scss";
 export declare const AddNewCompanyComponent: (props: any) => React.JSX.Element;

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, ExperimentOutlined, UploadOutlined, EllipsisOutlined, StarOutlined, SearchOutlined, ToolOutlined, EyeOutlined, EditOutlined, DeleteOutlined, BlockOutlined, BulbOutlined, ClockCircleOutlined, UserOutlined } from '@ant-design/icons';
-import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Modal, Alert, Card, Skeleton, Popover, List, Typography, Tag, Checkbox, InputNumber, Select, Spin, Progress } from 'antd';
+import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Select, Modal, Alert, Card, Skeleton, Popover, List, Typography, Tag, Checkbox, InputNumber, Spin, Progress } from 'antd';
 import React, { useState, useEffect, useRef } from 'react';
 import { DateTime } from 'luxon';
 import { Buffer } from 'buffer';
@@ -736,7 +736,7 @@ var css_248z$d = "body {\n  background-color: #f4f5fa;\n  font-family: \"Inter\"
 styleInject(css_248z$d);
 
 var AddNewCompanyComponent = function (props) {
-    var t = props.t, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, maximumImageSize = props.maximumImageSize, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation;
+    var t = props.t, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, maximumImageSize = props.maximumImageSize, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, regionField = props.regionField;
     var formOne = Form.useForm()[0];
     var formTwo = Form.useForm()[0];
     var _a = useState(), stepOneData = _a[0], setStepOneData = _a[1];
@@ -749,6 +749,8 @@ var AddNewCompanyComponent = function (props) {
     var state = useLocation().state;
     var _f = useState([]), fileList = _f[0], setFileList = _f[1];
     var _g = useState([]), countries = _g[0], setCountries = _g[1];
+    var _h = useState(false), loadingList = _h[0], setLoadingList = _h[1];
+    var _j = useState([]), regionsList = _j[0], setRegionsList = _j[1];
     var getCountryList = function () { return __awaiter(void 0, void 0, void 0, function () {
         var response, alpha2Names;
         return __generator(this, function (_a) {
@@ -766,18 +768,50 @@ var AddNewCompanyComponent = function (props) {
             }
         });
     }); };
+    var getRegionList = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, regionNames, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setLoadingList(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, 4, 5]);
+                    return [4 /*yield*/, post("national/organisation/regions", {
+                            page: 1,
+                            size: 100,
+                        })];
+                case 2:
+                    response = _a.sent();
+                    if (response.data) {
+                        regionNames = response.data.map(function (item) { return item.regionName; });
+                        setRegionsList(__spreadArray(["National"], regionNames, true));
+                    }
+                    return [3 /*break*/, 5];
+                case 3:
+                    error_1 = _a.sent();
+                    console.log("Error in getting regions list", error_1);
+                    return [3 /*break*/, 5];
+                case 4:
+                    setLoadingList(false);
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
     useEffect(function () {
         var _a, _b, _c;
         setIsUpdate((state === null || state === void 0 ? void 0 : state.record) ? true : false);
         getCountryList();
+        getRegionList();
         if ((_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.logo) {
             setFileList([
                 {
-                    uid: '1',
+                    uid: "1",
                     name: "".concat((_b = state === null || state === void 0 ? void 0 : state.record) === null || _b === void 0 ? void 0 : _b.name, ".png"),
-                    status: 'done',
+                    status: "done",
                     url: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.logo,
-                    type: 'image/png',
+                    type: "image/png",
                 },
             ]);
         }
@@ -798,6 +832,13 @@ var AddNewCompanyComponent = function (props) {
     var onFinishStepOne = function (values) {
         nextOne(values);
     };
+    var onChangeRegion = function (values) {
+        if (values.includes("National")) {
+            var buyerCountryValues = regionsList;
+            var newBuyerValues = buyerCountryValues === null || buyerCountryValues === void 0 ? void 0 : buyerCountryValues.filter(function (item) { return item !== "National"; });
+            formOne.setFieldValue("regions", __spreadArray([], newBuyerValues, true));
+        }
+    };
     var getBase64 = function (file) {
         return new Promise(function (resolve, reject) {
             var reader = new FileReader();
@@ -807,7 +848,7 @@ var AddNewCompanyComponent = function (props) {
         });
     };
     var onFinishStepTwo = function (values) { return __awaiter(void 0, void 0, void 0, function () {
-        var requestData, logoBase64, logoUrls, response, error_1;
+        var requestData, logoBase64, logoUrls, response, error_2;
         var _a, _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
@@ -855,10 +896,10 @@ var AddNewCompanyComponent = function (props) {
                     }
                     return [3 /*break*/, 6];
                 case 4:
-                    error_1 = _c.sent();
+                    error_2 = _c.sent();
                     message.open({
                         type: 'error',
-                        content: "".concat(t('errorInAddUser'), " ").concat(error_1.message),
+                        content: "".concat(t('errorInAddUser'), " ").concat(error_2.message),
                         duration: 3,
                         style: { textAlign: 'right', marginRight: 15, marginTop: 10 },
                     });
@@ -871,26 +912,40 @@ var AddNewCompanyComponent = function (props) {
         });
     }); };
     var onUpdateCompany = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var formOneValues, values, logoBase64, logoUrls, response, error_2;
-        var _a, _b, _c, _d;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
+        var formOneValues, values, logoBase64, logoUrls, response, error_3;
+        var _a, _b, _c, _d, _e, _f;
+        return __generator(this, function (_g) {
+            switch (_g.label) {
                 case 0:
                     setLoading(true);
                     formOneValues = formOne.getFieldsValue();
                     formOneValues.phoneNo = formatPhoneNumberIntl(formOneValues.phoneNo);
-                    _e.label = 1;
+                    _g.label = 1;
                 case 1:
-                    _e.trys.push([1, 5, , 6]);
-                    values = {
-                        companyId: (_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.companyId,
-                        name: formOneValues.name,
-                        email: formOneValues.email,
-                        phoneNo: formOneValues.phoneNo,
-                        address: formOneValues.address,
-                        companyRole: (_b = state === null || state === void 0 ? void 0 : state.record) === null || _b === void 0 ? void 0 : _b.companyRole,
-                    };
-                    if (((_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.companyRole) !== CompanyRole$1.GOVERNMENT) {
+                    _g.trys.push([1, 5, , 6]);
+                    values = {};
+                    if (regionField) {
+                        values = {
+                            companyId: (_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.companyId,
+                            name: formOneValues.name,
+                            email: formOneValues.email,
+                            phoneNo: formOneValues.phoneNo,
+                            address: formOneValues.address,
+                            regions: formOneValues.regions,
+                            companyRole: (_b = state === null || state === void 0 ? void 0 : state.record) === null || _b === void 0 ? void 0 : _b.companyRole,
+                        };
+                    }
+                    else {
+                        values = {
+                            companyId: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.companyId,
+                            name: formOneValues.name,
+                            email: formOneValues.email,
+                            phoneNo: formOneValues.phoneNo,
+                            address: formOneValues.address,
+                            companyRole: (_d = state === null || state === void 0 ? void 0 : state.record) === null || _d === void 0 ? void 0 : _d.companyRole,
+                        };
+                    }
+                    if (((_e = state === null || state === void 0 ? void 0 : state.record) === null || _e === void 0 ? void 0 : _e.companyRole) !== CompanyRole$1.GOVERNMENT) {
                         values.taxId = formOneValues.taxId;
                     }
                     if (formOneValues.website) {
@@ -901,15 +956,15 @@ var AddNewCompanyComponent = function (props) {
                     }
                     if (!formOneValues.logo) return [3 /*break*/, 3];
                     if (!(formOneValues.logo.length !== 0)) return [3 /*break*/, 3];
-                    return [4 /*yield*/, getBase64((_d = formOneValues.logo[0]) === null || _d === void 0 ? void 0 : _d.originFileObj)];
+                    return [4 /*yield*/, getBase64((_f = formOneValues.logo[0]) === null || _f === void 0 ? void 0 : _f.originFileObj)];
                 case 2:
-                    logoBase64 = _e.sent();
+                    logoBase64 = _g.sent();
                     logoUrls = logoBase64.split(',');
                     values.logo = logoUrls[1];
-                    _e.label = 3;
+                    _g.label = 3;
                 case 3: return [4 /*yield*/, put('national/organisation/update', values)];
                 case 4:
-                    response = _e.sent();
+                    response = _g.sent();
                     if (response.status === 200 || response.status === 201) {
                         setUserInfo({
                             companyLogo: response.data.logo,
@@ -925,10 +980,10 @@ var AddNewCompanyComponent = function (props) {
                     setLoading(false);
                     return [3 /*break*/, 6];
                 case 5:
-                    error_2 = _e.sent();
+                    error_3 = _g.sent();
                     message.open({
                         type: 'error',
-                        content: "".concat(t('errorInUpdatingCompany'), " ").concat(error_2.message),
+                        content: "".concat(t('errorInUpdatingCompany'), " ").concat(error_3.message),
                         duration: 3,
                         style: { textAlign: 'right', marginRight: 15, marginTop: 10 },
                     });
@@ -942,7 +997,7 @@ var AddNewCompanyComponent = function (props) {
         onNavigateToCompanyManagement();
     };
     var CompanyDetailsForm = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         var companyRole = (_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.companyRole;
         var companyRoleClassName = companyRole === CompanyRole$1.CERTIFIER
             ? 'certifier'
@@ -1122,16 +1177,23 @@ var AddNewCompanyComponent = function (props) {
                                         },
                                     ] },
                                     React.createElement(PhoneInput, { placeholder: "Phone number", international: true, value: formatPhoneNumberIntl(contactNoInput), defaultCountry: "LK", countryCallingCodeEditable: false, onChange: function (v) { }, countries: countries })),
-                                React.createElement(Form.Item, { name: "address", label: "Address", initialValue: (_h = state === null || state === void 0 ? void 0 : state.record) === null || _h === void 0 ? void 0 : _h.address, rules: [
-                                        { required: true, message: '' },
+                                regionField && (React.createElement(Form.Item, { label: t("region"), name: "regions", initialValue: (_h = state === null || state === void 0 ? void 0 : state.record) === null || _h === void 0 ? void 0 : _h.regions, rules: [
+                                        {
+                                            required: true,
+                                            message: "".concat(t("region"), " ").concat(t("isRequired")),
+                                        },
+                                    ] },
+                                    React.createElement(Select, { mode: "multiple", size: "large", maxTagCount: 2, onChange: onChangeRegion, loading: loadingList }, regionsList.map(function (region) { return (React.createElement(Select.Option, { value: region }, region)); })))),
+                                React.createElement(Form.Item, { name: "address", label: "Address", initialValue: (_j = state === null || state === void 0 ? void 0 : state.record) === null || _j === void 0 ? void 0 : _j.address, rules: [
+                                        { required: true, message: "" },
                                         {
                                             validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
                                                 return __generator(this, function (_a) {
-                                                    if (String(value).trim() === '' ||
+                                                    if (String(value).trim() === "" ||
                                                         String(value).trim() === undefined ||
                                                         value === null ||
                                                         value === undefined) {
-                                                        throw new Error("Address ".concat(t('isRequired')));
+                                                        throw new Error("Address ".concat(t("isRequired")));
                                                     }
                                                     return [2 /*return*/];
                                                 });
@@ -1277,7 +1339,7 @@ var OrganisationStatus = function (props) {
 };
 
 var CompanyProfileComponent = function (props) {
-    var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit;
+    var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit, regionField = props.regionField;
     var _a = useConnection(), get = _a.get, put = _a.put;
     var _b = useState([]), companyDetails = _b[0], setCompanyDetails = _b[1];
     var state = useLocation().state;
@@ -1469,6 +1531,11 @@ var CompanyProfileComponent = function (props) {
                                 React.createElement(Row, { className: "field" },
                                     React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:address")),
                                     React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.address ? companyDetails.address : "-")),
+                                regionField && (React.createElement(Row, { className: "field" },
+                                    React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:region")),
+                                    React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.regions
+                                        ? companyDetails.regions.join(", ")
+                                        : "-"))),
                                 React.createElement(Row, { className: "field" },
                                     React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:programmeCount")),
                                     React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.programmeCount