@undp/carbon-library 1.0.34 → 1.0.36

package/dist/cjs/index.js

@@ -4589,7 +4589,7 @@ antd.Select.Option;
 var AddNewUserComponent = function (props) {
     var _a, _b, _c, _d, _e, _f;
     var t = props.t, onNavigateToUserManagement = props.onNavigateToUserManagement, onNavigateLogin = props.onNavigateLogin, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext;
-    var _g = useConnection(), post = _g.post, put = _g.put, del = _g.delete;
+    var _g = useConnection(), post = _g.post, put = _g.put, del = _g.delete, get = _g.get;
     var formOne = antd.Form.useForm()[0];
     var state = useLocation().state;
     var updateToken = useConnection().updateToken;
@@ -4603,8 +4603,46 @@ var AddNewUserComponent = function (props) {
     var _p = React.useState(""), errorMsg = _p[0], setErrorMsg = _p[1];
     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, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                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) {
+                            return item.alpha2;
+                        });
+                        setCountries(alpha2Names);
+                    }
+                    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:
@@ -4633,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 },
                     });
@@ -4650,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) {
@@ -4687,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 },
                     });
@@ -4814,6 +4852,7 @@ var AddNewUserComponent = function (props) {
     }); };
     React.useEffect(function () {
         console.log("state -- val --- ", __assign({}, state));
+        getCountryList();
         setIsUpdate((state === null || state === void 0 ? void 0 : state.record) ? true : false);
     }, []);
     return (React.createElement("div", { className: "add-user-main-container" },
@@ -4907,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) { } }))))),
+                                    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" },