@undp/carbon-library 1.0.35 → 1.0.37

package/dist/cjs/index.js

@@ -4604,12 +4604,18 @@ var AddNewUserComponent = function (props) {
     var userInfoState = useUserContext().userInfoState;
     var ability = useAbilityContext();
     var _q = React.useState([]), countries = _q[0], setCountries = _q[1];
+    var _r = React.useState(false), isCountryListLoading = _r[0], setIsCountryListLoading = _r[1];
     var getCountryList = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, alpha2Names;
+        var response, alpha2Names, error_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, get("national/organisation/countries")];
+                case 0:
+                    setIsCountryListLoading(true);
+                    _a.label = 1;
                 case 1:
+                    _a.trys.push([1, 3, 4, 5]);
+                    return [4 /*yield*/, get("national/organisation/countries")];
+                case 2:
                     response = _a.sent();
                     if (response.data) {
                         alpha2Names = response.data.map(function (item) {
@@ -4617,12 +4623,26 @@ var AddNewUserComponent = function (props) {
                         });
                         setCountries(alpha2Names);
                     }
-                    return [2 /*return*/];
+                    return [3 /*break*/, 5];
+                case 3:
+                    error_1 = _a.sent();
+                    console.log("Error in getCountryList", error_1);
+                    antd.message.open({
+                        type: "error",
+                        content: "".concat(error_1.message),
+                        duration: 3,
+                        style: { textAlign: "right", marginRight: 15, marginTop: 10 },
+                    });
+                    return [3 /*break*/, 5];
+                case 4:
+                    setIsCountryListLoading(false);
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
             }
         });
     }); };
     var onAddUser = function (values) { return __awaiter(void 0, void 0, void 0, function () {
-        var response, error_1;
+        var response, error_2;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -4651,11 +4671,11 @@ var AddNewUserComponent = function (props) {
                     }
                     return [3 /*break*/, 5];
                 case 3:
-                    error_1 = _a.sent();
-                    console.log("Error in user creation", error_1);
+                    error_2 = _a.sent();
+                    console.log("Error in user creation", error_2);
                     antd.message.open({
                         type: "error",
-                        content: "".concat(error_1.message),
+                        content: "".concat(error_2.message),
                         duration: 3,
                         style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                     });
@@ -4668,7 +4688,7 @@ var AddNewUserComponent = function (props) {
         });
     }); };
     var onUpdateUser = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var formOneValues, values, response, error_2;
+        var formOneValues, values, response, error_3;
         var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
@@ -4705,11 +4725,11 @@ var AddNewUserComponent = function (props) {
                     }
                     return [3 /*break*/, 4];
                 case 3:
-                    error_2 = _b.sent();
-                    console.log("Error in user update", error_2);
+                    error_3 = _b.sent();
+                    console.log("Error in user update", error_3);
                     antd.message.open({
                         type: "error",
-                        content: "".concat(t("updateUserError"), " ").concat(error_2.message),
+                        content: "".concat(t("updateUserError"), " ").concat(error_3.message),
                         duration: 3,
                         style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                     });
@@ -4926,14 +4946,14 @@ var AddNewUserComponent = function (props) {
                                             React.createElement(antd.Radio.Button, { className: "view-only", value: "ViewOnly" },
                                                 React.createElement(icons.EyeOutlined, { className: "role-icons" }),
                                                 t("addUser:viewer")))))),
-                            React.createElement(antd.Form.Item, { name: "phoneNo", label: t("addUser:phoneNo"), initialValue: (_f = state === null || state === void 0 ? void 0 : state.record) === null || _f === void 0 ? void 0 : _f.phoneNo, rules: [
+                            React.createElement(antd.Skeleton, { loading: isCountryListLoading, active: true }, countries.length > 0 && (React.createElement(antd.Form.Item, { name: "phoneNo", label: t("addUser:phoneNo"), initialValue: (_f = state === null || state === void 0 ? void 0 : state.record) === null || _f === void 0 ? void 0 : _f.phoneNo, rules: [
                                     {
                                         required: false,
                                     },
                                 ] },
                                 React.createElement(PhoneInput, { placeholder: t("addUser:phoneNo"), international: true, 
                                     // value={contactNoInput}
-                                    defaultCountry: "LK", countryCallingCodeEditable: false, onChange: function (v) { }, countries: countries }))))),
+                                    defaultCountry: "LK", countryCallingCodeEditable: false, onChange: function (v) { }, countries: countries }))))))),
                 React.createElement("div", { className: "actions" },
                     React.createElement(antd.Form.Item, null,
                         React.createElement("div", { className: "create-user-btn-container" },
@@ -5038,9 +5058,8 @@ var UserProfileComponent = function (props) {
                             onNavigateUpdateUser(organisationDetails, userDetails);
                         } }, t("userProfile:edit"))),
                     React.createElement(LanguageSelection, { i18n: i18n })))),
-        (!userDetails ||
-            (!organisationDetails) && (React.createElement("div", { className: "content-body" },
-                React.createElement(antd.Skeleton, { active: true, loading: true })))),
+        (!userDetails || !organisationDetails) && (React.createElement("div", { className: "content-body" },
+            React.createElement(antd.Skeleton, { active: true, loading: true }))),
         userDetails && organisationDetails && (React.createElement("div", { className: "content-body" },
             React.createElement(antd.Row, { gutter: 16 },
                 React.createElement(antd.Col, { md: 24, lg: 8 },